Header stays transparent when sticky

[Daniel19901]

Hi, from some reason my header became trasparent for stick mode (while scrolling) as well. Can anyone help me set a color as background when scrolling ? 

It is not from the settings.. not sure what happened. It was fine until now 

https://cbh9cs8hom6nk645-75482267975.shopifypreview.com

[BSSCommerce-HDL]

Hi @Daniel19901, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css,  theme.css or main.css

Step 3: Insert the below code at the bottom of the file -> Save

.section-header {
    top: 0 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Daniel19901]

Hi, it didn't work :(((

[BSSCommerce-HDL]

Hi @Daniel19901, try again with this code :

body:has(.scrolled-past-header) sticky-header.header-wrapper {
   background-color: #e5d9d9 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍