Change header to transparent on homepage only with DAWN

Store Design
, ,
1

Rose1212_0-1675729712717.png
Rose1212_0-1675729712717.png446×155 4.83 KB

Currently this is the code used which makes all the pages transparent.

www.afterstory.co

I would like the header to not be transparent on all the pages. Only the homepage.

2

Hello @Rose1212

It’s GemPages support team and glad to support you today.

Please move that code to theme.liquid file, paste that code before and add liquid code

{% if template == 'index' %}

{% endif %}

GemPages_1-1675733275240.png
GemPages_1-1675733275240.png474×262 5.31 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @Rose1212

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1675733440396.png
PageFlyVictor_0-1675733440396.png400×225 38.4 KB

{% if template.name == "index" %} 

 {% style %}

  .header-wrapper {

    display: block;

    position: absolute !important;

    background-color: transparent !important;

    width: 100%;

}

 {% endstyle %}

{% endif %}

Hope this answer helps.

Best regards,

Victor | PageFly