Tagged: Burger Menu
Hi Amazing Enfold Team,
I can’t figure out why my mobile burger menu is not staying light blue.
On sliding the window to a different device size it first appears in white, then it turns to a dark blue on tablet and when its on smaller devices it turns light blue which is the color I would like on all screen sizes.
I am using the transparent glossy header on the homepage that I changed with css to a dark blue maybe that’s causing it?
I also added css to hide the logo on the homepage because the logo appears in the image below. (just in case you are wondering)
Thanks so much for helping.
Tina
The site is still hidden so Ill add the login below.
Hey Tina,
Please try the following in Quick CSS under Enfold->General Styling:
.html_mobile_menu_tablet .header_color div .av-hamburger-inner {
background-color: #fff !important;
}
Best regards,
Rikard
Hi Rikard,
that worked almost :) the middle line is white now all the time, but the top and bottom line still switch colors.
Thanks
Tina
Hi,
Please try this CSS instead:
.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
background-color: #fff !important;
}
Best regards,
Rikard
Yay!!! Thanks so much Rikard. That worked well!
Tina
You can close this now :)
Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike