How can I make a transparent header on the Dawn theme?

[katpa]

Hello,

Can anyone please help me with making the Header transparent on the Home Page?

I’ve tried adding a couple of codes to the base.css but no success so far.

Link to the website I am working on:

https://lyzawear.com/

Thank you in advance!

[KetanKumar]

@katpa

yes, please confirm look

[PageFly-Victor]

Hi @katpa !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

In your theme.liquid file in your layouts folder add this style code and condition right after the closing tag;

{% if template.name == ‘index’ %}

.header-wrapper { position: fixed; top: 0; width: 100%; } .header__menu-item, .header__active-menu-item, .header__icon .icon { color:#fff } .header__menu-item:hover{ color:#fff; }

{% endif %}

Best Regards;

PageFly

[katpa]

I have followed your instructions, but the header has not changed…

Please see attached: