Hiding Header and Footer on Home Page only Dawn

Store Design
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-p/1324245 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.

2

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
Kani_0-1664848429317.png959×409 7.77 KB

3

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 element

{% if template.name == “index” %}

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

{% endif %}

PageFly_0-1664849344816.png
PageFly_0-1664849344816.png1272×608 51.6 KB

Best Regards;

PageFly

4

Commented in wrong section

1 Like
5

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