Tagged: Hamburger-Menu, media queries
Hi there,
I noticed that my hamburger menu changes color from dark blue to white when activated on screen sizes 990px-768px, but remains dark blue on 767px and smaller. Can you please help me figure out how to make the activated “X” white on smaller screens? So far everything I’ve tried changes the color of the inactive hamburger, too.
Hey jaimemerz,
Thank you for the inquiry.
You can use this css code to adjust the color of the X or close icon.
#top .header_color .av-hamburger.is-active .av-hamburger-inner, #top .header_color .av-hamburger.is-active .av-hamburger-inner::before, #top .header_color .av-hamburger.is-active .av-hamburger-inner::after {
background-color: #ffffff;
}
Best regards,
Ismael