Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Adjust Media Query for Nav Menu Collapse

media query
    • 9 years, 7 months ago MG
      Participant

      Expired

      Hello,

      How or where would I find a way to force the hamburger nav menu for anything less than 1150 pixels wide? Currently it bumps the nav menu into the slider for 200-300 pixels until it reaches 700 something wide.

      Thanks!

      M

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (min-width: 979px) and (max-width: 1150px){
      .mobile_small_menu { display: block;}
      #navigation { display: none;}
      }

      Best regards!

    • 9 years, 6 months ago MG
      Participant

      Expired

      Thank you!

    • 9 years, 6 months ago MG
      Participant

      Expired

      Ok, I have one more on this subject… the above code works great getting rid of the navigation not showing into my slider area but it doesn’t force the hamburger menu to the left of the logo until you get less than the 979px. Is there a way to force the mobile menu way before it normally does?

      So currently between 979 to 1150px with the above code, no navigation whatsoever shows up.

      Thank you soooo much!

      M

       

       

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please edit the above code to this:

      @media (min-width: 979px) and (max-width: 1150px){
      .mobile_small_menu { display: block !important;}
      #navigation { display: none;}
      #logo {padding-left: 32% !important;}
      }

      Best regards!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password