The navigation button for the main navigation menu in the responsive mode is covering the header. Is there a way to move it down to the space just below the header?
Also is there a way to label it Menu or something?
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#advanced_menu_toggle, #advanced_menu_hide { top: 120%; }
#advanced_menu_toggle:before { content: 'Menu'; font-size: 12px; }
Cheers!
Yigit
Any way to center that?
Hi!
Please add following code to Quick CSS as well
#advanced_menu_toggle { line-height: 32px; }
Regards,
Yigit
Thanks Yigit but that didn’t seem to do anything?
How do I center the menu toggle? The previous code didn’t work. Is it possible to change it to ‘Main Menu’ instead of just Menu?
Hi!
1- Please flush browser cache on your mobile device. This is how it looks on my end – http://i.imgur.com/Z8omIUS.png
2- You can do it by changing the word “Menu” in the code i posted here – https://kriesi.at/support/topic/mobile-main-navigation-button-covering-header/#post-287887
Cheers!
Yigit
It looks the same on my end. Is there a way to center it on the screen so the toggle is not to the right of the screen?
Hi!
Sorry i thought you meant centering the word. Please add and adjust following code as well
#advanced_menu_toggle, #advanced_menu_hide { right: 45%; }
Cheers!
Yigit
Thanks again! Almost done with this website.