How to make a permanent transparent header in the Narrative theme?

Store Design
1

Hi,

I am using the Narrative theme and would like the header to be transparent permanently not just when scrolled to the top of the page.

My website is: www.brookesbooth.com

My password is: Hello

Many Thanks

2

Hi there! Add this to the very bottom of Assets > theme.scss file in your theme code editor:

.site-header__wrapper {
    background: transparent !important;
}
3

Hey @BROOKESBOOTH ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.site-header--transparent .site-header__wrapper {
    background-color: transparent !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

4

Thanks