Mobile – menu icon not switching to white when scroll down

Elise, hi,

Please help. On the web, all is looking fine. On the mobile, I have an issue: on the Single Product and Post page, the mobile Menu icon (three bars) does not switch color to white. The “Heart” icon switches color, but the Menu icon does not.

How can I make the Menu icon switch color to white in the same way as the Hear icon?

– When I open any blog post , the text is “Dark”, so the Menu icon (Three Bars) shows in black color. Example: https://ibb.co/Syqdxtd

– When I scroll the Product page down, the Header switches to black. The Wishlist icon switches to white = good. But the Menu Icon (three bars) does not switch to white, it remains black and disappears. Example: https://ibb.co/xY30xtP

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .act-scroll .mobile-nav-icon .basel-burger, 
body .act-scroll .mobile-nav-icon .basel-burger::after, 
body .act-scroll .mobile-nav-icon .basel-burger::before {
    background-color: white;
}

Best Regards

Thank you! I applied the CSS, it works – the mobile Menu is white.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts