Decreasing Opacity of shopify brooklyn theme Header

Solved
saeedullah
Tourist
3 0 0

Hi,

Can anybody help me to reduce the opacity of the Shopify Brooklyn theme header?opacityyy.PNG

Please I want only to change the opacity of the transparent header only on the home page.

 

Thank you

0 Likes
HardikDavra
Shopify Partner
2327 367 1003

Hello, @saeedullah 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
saeedullah
Tourist
3 0 0

Thanks for your response.

Yes, Here is the link.

https://www.myzenmoon.com/

 

 

0 Likes
HardikDavra
Shopify Partner
2327 367 1003

This is an accepted solution.

@saeedullah 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.header-wrapper--transparent .site-header {
opacity: 0.5;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
saeedullah
Tourist
3 0 0

That's worked.

Thanks a lot

0 Likes
HardikDavra
Shopify Partner
2327 367 1003

@saeedullah 

Thank you for the update.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes