millieposilly Posted March 18, 2023 Share Posted March 18, 2023 Hi all, My blog is www.millietothemoon.com. I'm working on inputting a large image on the homepage of my site, but running into an issue. If I input the image *under* my header, I can't figure out how to get the header to be transparent in such a way that overlays that image. I tried to set the header as dynamic, and that didn't work. Does anyone know how to fix this? The closest I got was adding the image WITHIN the header, but that messed with my navigation on mobile and I don't want the image on every page. Appreciate the help! Link to comment
Solution tuanphan Posted March 19, 2023 Solution Share Posted March 19, 2023 Just add this code to Design > Custom CSS /* Homepage transparent header */ body.homepage section:first-child { padding-top: 0px !important; } body.homepage header#header { background-color: Transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment