Adjust Media Query for Nav Menu Collapse

- 8 years, 11 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
- 8 years, 11 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!
- 8 years, 11 months ago MG
  Participant
  
  Expired
  
  Thank you!
- 8 years, 11 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
- 8 years, 11 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.