A Shopify store owner using the Horizon theme encountered an issue where hovering over menu items caused the header background to turn white instead of remaining transparent. This only occurred with menu items, not the logo.
Solution provided:
.header[transparent] .header__row {
background: transparent !important;
}
Status: Resolved. The user confirmed the CSS fix worked perfectly.
Hi Guys,
Just started my shopify store journey and only one issue I found and cannot solve.
When I highlight the menu, the background across the top turns white as per the screenshot below.
I found other similar posts but none of that code has worked.
Can someone please help me solve this issue? attached screenshot of what happens when I highlight the menu.
This doesnt happen when I highlight the logo.
Thanks
Hey @Juzzotec
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hey! @Juzzotec ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.header[transparent] .header__row {
background: transparent !important;
}
Hey! @Juzzotec ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.header[transparent] .header__row {
background: transparent !important;
}
Thank you so so much, that worked perfectly!