Header Shrinks to the wrong shade of Black

[Anthony Pacheco]

The header of my site where I have my logo placed is set to shrink when you scroll down.

The top position is the correct shade of black and blends in nicely with the black background that the logo contains.

However, when scrolling down the header shrinks (which is fine) but the background of the header changes to a lighter blackish/grey and you can see the hard outline of the black background of the logo.

Let me know if there is a way to change the background of the shrunken version or if you would please add additional CSS code so that the shrunk background of the logo blends in with the black color of the logo’s background.

Thanks,

• This topic was modified 2 years ago by Anthony Pacheco. Reason: I added my login information on accident

[yuniz]

Hi @Anthony Pacheco.

Please add below code on Additional CSS

header.header_v3 .sticky-header-shrink {
background-color:#000!important; }
.sticky-header {
-webkit-box-shadow:unset!important;
box-shadow:unset!important; }

Hope it works for you.

Regards

[Author]

Posts