[Dawn Theme 12.0] - Transparent header on homepage should reappear in color when scrolling up

Shopify Discussion
1

Hi everyone!

I’m relatively new to Shopify and trying to make my first store.

Currently i was able to implement a transparent header to my homepage by adding following code to my theme.liquid file:

{% if template == 'index' %}
      
{% endif %}

As of right now, the header stays visible all the time, even though I selected the sticky header only when scrolling up option.

What I want to achieve now is that when I scroll down, the header should not be visible anymore but when I scroll up, the header should reappear in color.

Thank you in advance

fluttenberger_0-1702843521236.png

sticky_header.png
sticky_header.png277×107 3.47 KB

2

Hello @fluttenberger ,

  1. Go to customize your theme and select header section.

  2. Right side there is color scheme option, you can select or make specific scheme for header.

  3. Same section the above option is sticky header, you can select always.

Don’t need any extra css for this.

For more assistance please see the screenshot.

iffikhan30_0-1702883226649.png
iffikhan30_0-1702883226649.png268×337 7.51 KB

This information is helpful for you kindly mark my answer approve.