Making header invisible, merging it with image banner

With the new ride update my previous code to make the header transparent no longer works.

This was the previous code:

{% if template == ‘index’ %}

.shopify-section-group-header-group.announcement-bar-section{ height: 5px; } .header-wrapper{ position: absolute; width: 100%; background: transparent; } .header-wrapper .header{ margin-top: 20px; }

{% endif %}

What I want:

Current:

PLEASE HELP

Hi
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Hi @washed

You can try to use this code


{% endif %}

Change -90px to make it fit with height of your header

1 Like

Thank you for the response Dan, I was wondering where I should put this code, I cant wait to try it!

washedclothing.com

is there anyway to only have it as an invisible header on the homepage

because it is glitching on my other pages

Please use this code

{% if template == 'index' %}

{% endif %}
1 Like

Thank you!

1 Like

Very welcome!

1 Like