Hello! Does anyone know how I could edit my site to always display the hamburger menu that is visible in mobile view? I’m having trouble finding the correct @media line in the CSS. I want to remove the responsiveness of the menu so it is always like the mobile view. Thanks!
1 Like
sorry for that issue
its theme default menu functionality if you have menu item long that should convert horizontal menu to hamburger you have try first 2-3 menu item and reduces font size after make it more add
DO NOT change the @media line hiding the mobile menu button, it is a class applied to many elements used by the layouts grid.
You will break something if you do.
Always backup themes and files before making changes
Instead you need to go through the header|nav file itself and remove the class .medium-up–hide
Roughly, ignore the liquid and look for the code that is making the menus container :
Adjust that first "grid__item" which contains the mobile menu button in latest versions of Venture
Remove *.medium-up--hide* and replace it with medium-up--one-twelfth so the logo isn't pushed to the center or further
```markup
And you will need to find the code for the main menu and either give it a class of *hide* or disable it all together by commenting it out.
If you need help with this contact me at [paull.newton+shopifyforums@gmail.com ](mailto:paull.newton+shopifyforums@gmail.com)with this Topic url, use case details, store, front-pass, and theme name.
1 Like