Debut Transparent Header

RFS
Tourist
5 0 2

Can someone please help me to get the header transparent, I have tried many ways and nothings able to work. 

https://royalchaiwholesale.myshopify.com/

password: blewsh

dmwwebartisan
Shopify Partner
5699 1303 1669

@RFS 

Your header background color is white so we can't make it transparent.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
RFS
Tourist
5 0 2

is their a way that I can get it changed? 

dmwwebartisan
Shopify Partner
5699 1303 1669

@RFS 

Please add the following code at the bottom of your assets/theme.css file

.site-header__mobile-nav {background-color: transparent !important;}
.site-header {position: absolute !important; background-color: transparent !important;}
.site-header__logo-link {color: #fff !important;}
.site-nav a {color: #fff !important;}
.site-nav__link--active .site-nav__label {border-bottom-color: #fff !important;}
svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
color: #fff !important;
}

 

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
RFS
Tourist
5 0 2

Hi, thanks this worked however only for the home page once clicking on a different page as the background is white the you can no longer see the header is there a way to get this fixed.  

0 Likes