Hi! I am missing the menu button on mobile. It might be because my header was modified to only have two menu items per column? How can I get my menu back? Thanks!
Thanks! That worked! Only thing is - I can't see where to change the color of the toggle. Even in the css. It's a different blue than the rest of my site.
Just change all the color code here to your color.
I would also recommend this tool to simulate your site on responsive mode to easier inspect any HTML and CSS elements: http://responsivepx.com/ . You can then use Chrome with Developer Tools for the element inspection.
Hi! I am missing the menu button on mobile. It might be because my header was modified to only have two menu items per column? How can I get my menu back? Thanks!
Hi there!
Please try adding this custom CSS:
@media only screen and (max-width: 959px) { #menu-wrapper { top: auto !important; } }
The menu position is set to "top: 100" on desktop so that has an effect on mobile display. The above code should help.
Cheers,
Paul
Thanks! That worked! Only thing is - I can't see where to change the color of the toggle. Even in the css. It's a different blue than the rest of my site.
THank you!
It is a bit tricky for this element. Please try using this custom CSS:
.top-bar.expanded .title-area .menu-icon a span { -webkit-box-shadow: 0 10px 0 1px #50BAC9 , 0 16px 0 1px #50BAC9 , 0 22px 0 1px #50BAC9; box-shadow: 0 10px 0 1px #50BAC9 , 0 16px 0 1px #50BAC9 , 0 22px 0 1px #50BAC9; }
Just change all the color code here to your color.
I would also recommend this tool to simulate your site on responsive mode to easier inspect any HTML and CSS elements: http://responsivepx.com/ . You can then use Chrome with Developer Tools for the element inspection.
That worked great! Thank you!