Narrative Theme Header - Make transparent for all pages

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

Shopify Partner
24 1 5

Hi @RashadHossain,

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

Thanks

Shopify Partner
24 1 5

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
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
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