Dawn theme transparent header

[technase]

Hi,

I’m looking for help making the header transparent so it overlays on the banner. I’d like it to be 80% transparent/ semi transparent.
Any assistance would be greatly appreciated!

Link: https://testingstoresandthemes.myshopify.com/
storefront password: lock

[Moeed]

Hey @technase

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[PaulNewton]

@technase try to correct your post to avoid label spam, it doesn’t help and makes it harder for everyone to find relavant info.

And if you keep doing it when you have a deeper issue that really matters you’ll just get ignored.

transparent headers is a common topic found in search https://community.shopify.com/c/forums/searchpage/tab/message?advanced=false&allow_punctuation=false&filter=location&location=forum-board:ecommerce-design&q=dawn%20theme%20transparent

[Dan-From-Ryviu]

Hi @technase

You can do that by adding this code to theme.liquid file, after in Online Store > Themes > Edit code

{% if template == 'index' %}

{% endif %}