Hello guys i have a question about my logo when i got to menu logo stays white and you cannot see it
I am using transparent header with Black/white logo how can i do my Menu Logo black
Topic summary
A user is experiencing a logo visibility issue on their website’s menu. When navigating to the menu, their white logo becomes invisible against what appears to be a white/transparent background.
The user mentions they are using a transparent PNG format for their logo.
Solution Provided:
A support representative offered a CSS code snippet to resolve the issue. The code should be added to the Custom CSS section found in: Online store > Themes > Customize > Theme settings.
The CSS solution appears to apply an invert filter to the header logo when the menu is open, which would change the logo’s color for better visibility.
Status: The thread appears to have a proposed technical solution, though no confirmation of whether it resolved the issue has been posted yet.
Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings
body .header:has(.menu-opening) .header__heading-logo {
filter: invert(0);
}