Tagged: menu, responsive, width
Hi folks! I have a few sites for which I’ve had to use Quick CSS to change the point at which the menu goes into responsive mode. Here is that old CSS:
@media only screen and (max-width: 1100px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
That doesn’t work with 4.1.2. that code causes the mobile menu icon to not be displayed at all when the site goes into responsive mode.
What is the new appropriate quick CSS to adjust the point at which the menu goes into mobile mode? Please assist. Thank you!
Hey AJDesignCo,
To assist you with this issue, we’ll first need you to provide us with your URL and the WP credentials. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL and temporary credentials, we will be happy to assist you with everything.
Best regards,
John Torvik
Sure! Adding to private content…
Hi!
I added this code to Style.css file of your child theme – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/. Please review your website :)
Regards,
Yigit
Thank you! I was unable to find that when I looked. My go-to practice for changing that was to pull the CSS from a previous project. That worked until the latest update. Thanks again!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit