Hey team,
Looking to make the mobile header transparent. Its transparent for desktop but not for mobile. Any help would be madly appreciated!
Topic summary
A user wants to make the mobile header transparent in the Ella theme, noting it already works on desktop but not mobile.
A developer offers to add custom CSS code to fix this and requests testing/feedback afterward. The proposed solution involves CSS targeting the sticky header with a transparent background using the !important flag.
The original poster asks for clarification on where to paste the provided code snippet. The discussion remains open, awaiting implementation instructions and subsequent testing.
Hi,
After I go to the store and add the code for you. can you test and give me feedback if it works well?
html:has (body.scroll-up) sticky-header, html:has (body.scroll-up) sticky-header *{ background: transparent !important
}
Where should this code be pasted?