Tagged: hamburger, responsive
Hi, Would you be able to tell me how I would change the resolution theshold that the hamburger icon (the 3 lines that appear when you reduce the window size).
I have some header image / menu text overlap on some lower resolutions before the hamburger icon threshold is reached.
Many thanks
Hey aztamer!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}
And adjust 1024px as needed
Regards,
Yigit
Great thanks that worked perfectly.