Hi there, Please help
My header will turn into a white background when I score down the page as the image shows.
Can the header be kept transparent during the score down the page?
website: https://noenddenim.com/
Thank you
Best Regards
Topic summary
A user is experiencing an issue where their website header changes from transparent to white background when scrolling down the page. They want to maintain transparency throughout scrolling.
Solutions Provided:
Two community members offered the same CSS fix:
- Navigate to: Online Store > Themes > Edit Code
- Locate the assets folder
- Open the main CSS file (app.css, main.css, base.css, or theme.css)
- Add this code at the bottom:
.header.transparent--true:before {
background: transparent;
}
Status: The original poster acknowledged the responses but appears to have a follow-up question about where exactly to input the code, suggesting the issue may still be unresolved.
1 Like
Hi,
-
Go to Online Store
-
Click Edit Code
-
Find folder assets
-
Find file app.css
-
Add custom CSS
.header.transparent--true:before {
background: transparent;
}
1 Like
Hi @noend
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.header.transparent--true:before {
background: transparent;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Thank you for reply sir.
Where should I input the code in?