Transparent Header not working (Brooklyn Theme Template)

[nikoneex]

Hey all,

My site seems to have issues with saving the Enable Transparent Header setting.  I want to toggle it on so my logo overlays my first Slideshow section.  However, every time I save the update, my site is published as if the setting was off.  Even going back into the settings the option still remains checked, yet the site doesn't reflect the change.

Thanks in advance!

[KetanKumar]

Hello, @nikoneex 

Please share your site URL,
So I will check and provide a solution here.

[nikoneex]

Thank you for assisting me.  https://uglywaffle.shop

password is "hello"

[KetanKumar]

Hello, @nikoneex 

Thanks for URL.

did you like this?

[nikoneex]

Yup I wish to have it exactly like that. However, even after saving my changes, my header keeps displaying without the transparency like this:

[KetanKumar · Accepted solution]

Hello, @nikoneex 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste bellow code in the bottom of the file.

.site-header {
    background-color: transparent;
    position: absolute;
    width: 100%;
}

[nikoneex]

This worked perfectly. Thank you so much! 

[Schreiberlul]

This just broke my website completely. Now its all sorts of messed up. Sweet.

[KetanKumar]

@Schreiberlul 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

[SergeiBlessed]

How did you get the logo to perfectly match the background picture? Or did you completely outline the text to make it transparent?

[KetanKumar]

Hello, @SergeiBlessed 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[kozikickz]

I added this but isn't working for me.

https://kozikickz.myshopify.com/

[KetanKumar]

@kozikickz 

Welcome to the Shopify community!
and Thanks for your question.

i can see this code work perfectly what's an issue?

[tkiplinger]

I tried this and it worked to force the transparent header, however, it is ignoring the white (reversed) version of the logo/text that should appear when the transparent header option is selected. This makes the logo and text unreadable over the slideshow image. How can I fix this? Thanks.

[ang04]

Did you get a fix for this? I have the same problem - its not just a case of hard coding the background as transparent - we need to use the transparent settings/file that we have used in the theme.