Pipeline Theme - issues with header

Store Design
, ,
1

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

meld78_0-1750301319101.png
meld78_0-1750301319101.png292×494 32.3 KB

2

@meld78 this will need a lot of css settings, instead I recommend to add black background color to the pages, so it will look like below

suyash1_0-1750303457870.png
suyash1_0-1750303457870.png1366×768 264 KB

3

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.

4

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.