How can I make the header background color to semi transparent when scrolling down Narrative Theme

Janamir
Excursionist
91 0 24

How can I make the header background color to semi transparent when scrolling down Narrative Theme. Please help asap.

Store: https://butterflight-boutique.myshopify.com/

password: butt3rfl1ght!

0 Likes
Pallavi
Shopify Expert
1735 252 307

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

header.site-header__wrapper.site-header__wrapper--transitioning {
background-color: transparent!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Janamir
Excursionist
91 0 24

that didnt work unfortunately.

0 Likes
Natztech
Shopify Partner
896 242 661

hello @Janamir 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header__wrapper{
    background-color: rgba(255,255,255,.8) !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Janamir
Excursionist
91 0 24

@Natztech 

It worked all throughout, but didn't remain with a steady white solid background back on the top. Please help.

transparent.PNG

0 Likes