Hover in header inverts colors (logo, cart, and background)

Store Design
, , , ,
1

Hello community! When i hover around my header it inverts colors and switches to my other color scheme, is it possible to remove that invert of colors in the header background, logo and cart?? Also it switches to the background of my other color scheme, i want to mantain it transparent.

it is very annoying.

My website is sclpted.com

Thank you in advance

2

Hi @sclpted,

Please go to Customize > Theme settings > Custom CSS and add code:

.header[transparent][transparent=not-sticky][data-sticky-state=active], .header[transparent]:hover, .header[transparent]:has(.header-menu[aria-expanded=true]), .header[transparent]:has(nav[header-menu]:focus-within), .header[transparent]:has(.menu-list__link[data-animating]), .header[transparent]:has(.account-popover[open]), .header[transparent]:has(.localization-wrapper:not([hidden])) {
    --language-button-background-color: transparent;
    --language-button-border-color: transparent;
    --header-bg-color: transparent;
    --header-logo-display: none;
    --header-logo-inverse-display: block;
}

If I helped you, then a Like would be truly appreciated.

1 Like
3

I updated the theme and it stop happening, thank you anyways!

1 Like
4

Hi @sclpted,

It’s my pleasure :blush: