Narrative Theme Header - Make transparent for all pages

Highlighted
Tourist
3 0 1

Hi, I'm currently using the Narrative theme. The theme editor only has the option to make the header transparent on the home page. I need to make it transparent for my product page as well, and all my other pages too if possible. Does anyone know how to do this or can help me here? Much appreciated,

 

Rashad

Highlighted
Shopify Partner
24 1 4

Hi @RashadHossain,

Would you please share your store URL? Then, I would assure you how to fix it.

Thanks

Highlighted
Highlighted
Shopify Partner
24 1 4

Hi @RashadHossain,

- Go to your dashboard. Then go to online store > themes > edit code > assets folder > theme.scss.liquid. 

- Then paste this code below. 

.site-header__wrapper {
  background-color: rgba(255,255,255,0);
}

I hope this will work. 

Thanks.

0 Likes
Highlighted
Tourist
3 0 1

Hi @PonyTask , thank you for this. While this does make the header transparent, my issue is that I want the header to overlay on the background of the page, rather than being above the background image. Does that make sense?

0 Likes
Highlighted
Tourist
11 0 3

Hey there, 

Having the same issue here. Did you manage to find a resolution for this in the end? 

Thanks

0 Likes