Hi, for some reason my header became transparent 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
Hi @Daniel19901 , Pls insert this code to your file css:
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 asa solution. Thank you 
@BSSCommerce-HDL thank you so much!! which css file should i add it to ?
Hi @Daniel19901 , Search file base.css ,theme.css or style.css. After, let’s try add it
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
Hi! You can fix the transparent header issue in sticky mode by adding some custom CSS. Here’s how:
- Go to Online Store > Themes > Actions > Edit Code
- In the Assets folder, open your theme.scss.liquid or theme.css file.
- Add this code at the end
.header--sticky {
background-color: #yourcolor !important;
}
Replace #yourcolor with your desired background color code
Save the changes and refresh your site to see the effect This should set a background color for the sticky header