Header stays transparent when sticky

Daniel19901
Shopify Partner
131 0 15

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

Replies 3 (3)

BSSCommerce-HDL
Shopify Expert
701 224 236

Hi @Daniel19901

You can try this code by following these steps:

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

BSSTechVenture_1-1715947669544.png

 

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

BSSTechVenture_2-1715947674681.png

 

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

 

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

 

Here is result: 

BSSTechVenture_0-1715947598999.png

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Daniel19901
Shopify Partner
131 0 15

Hi, it didn't work :(((

BSSCommerce-HDL
Shopify Expert
701 224 236

Hi @Daniel19901, try again with this code :

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

 

Here is result: 

BSSTechVenture_0-1715955321483.png

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development