Solved

Hiding Header and Footer on Home Page only Dawn

sobaker98
Tourist
10 0 1

I am trying to hide the header and footer on only the home page in my new store Dawn theme. I tried the instructions from here: https://community.shopify.com/c/shopify-design/removing-header-and-footer-from-dawn-template-page/m-... and here: https://community.shopify.com/c/shopify-design/hide-header-and-footer-on-specific-page/m-p/463990 neither solved my issue. Any help would be greatly appreciated.

Accepted Solution (1)

Kani
Shopify Partner
468 125 223

This is an accepted solution.

Hi @sobaker98 

 

1: Online store > themes > Actions > Edit code > Layout > theme.liquid

2: insert code after base.css

 

{% if template == 'index' %}
      {% style %}
        #shopify-section-header,#shopify-section-footer {
          display:none;
        }
      {% endstyle %}
{% endif %}

Kani_0-1664848429317.png

 

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution' to encourage me to continue sharing my expertise. ♡
If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response. 🙂

View solution in original post

Replies 4 (4)

Kani
Shopify Partner
468 125 223

This is an accepted solution.

Hi @sobaker98 

 

1: Online store > themes > Actions > Edit code > Layout > theme.liquid

2: insert code after base.css

 

{% if template == 'index' %}
      {% style %}
        #shopify-section-header,#shopify-section-footer {
          display:none;
        }
      {% endstyle %}
{% endif %}

Kani_0-1664848429317.png

 

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution' to encourage me to continue sharing my expertise. ♡
If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response. 🙂
sobaker98
Tourist
10 0 1

Commented in wrong section

sobaker98
Tourist
10 0 1

This worked great!!! Thank you so much, I will be dming you.

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @Sobaker98

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

Go to Online Store->Theme->Edit code theme.liquid paste my code before </head> element

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

    <style>

      #shopify-section-announcement-bar,#shopify-section-header,#shopify-section-footer{display:none !important};

    </style>

{% endif %}

PageFly_0-1664849344816.png

 

Best Regards;

PageFly