Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi there,
Can someone help me please?
I have set up a transparent header across all pages but it's only showing a transparent header on homepage, none of the other pages.
I tried all different combinations in this list of options but nothing is changing the header to transparent on other pages. URL is https://punchlinebandit.com/
Thanks so much in advance,
Mel
Well, technically, it is transparent, but it does not overlap the page content as it does on the homepage, so you can see the default body background which is white. Not sure if you can set it to something else.
You can try either this code added to "Theme Settings"=> "Custom CSS":
.header__backfill {
background: var(--bg);
visibility: visible;
}
or
body {
background: var(--bg);
}
Not sure which one will have less side-effects, probably the first one.
It remains transparent on other pages, but the site's container background is white, and the header on those pages does not overlap any section, so it appears white.
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.