Impulse Theme - Remove Header & Footer from Specific Page Template

Solved

Impulse Theme - Remove Header & Footer from Specific Page Template

pvbotanicals
Shopify Partner
5 0 1

I am using Impulse theme and am trying to create a landing page without any announcement bar, header/main nav, or any footer elements. Ideally, this would be for a specific page template, but if that is not possible, I just need the changes made to one specific URL (https://www.paloverdebotanicals.com/pages/growing-greatness) Please help!!

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @pvbotanicals 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1704508235807.png

 


<style>

{% if page.url == '/pages/growing-greatness' %}

header, footer {

    display: none !important;

}

{% endif %}

</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @pvbotanicals 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1704508235807.png

 


<style>

{% if page.url == '/pages/growing-greatness' %}

header, footer {

    display: none !important;

}

{% endif %}

</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

pvbotanicals
Shopify Partner
5 0 1

That did the trick, thank you so much!!!

PageFly-Henry
Shopify Partner
1184 335 283

Glad to help you @pvbotanicals  😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Guleria
Shopify Partner
3228 629 904

1) Edit theme.liquid
2) Search for 
{% section 'header' %} and  {% section 'footer' %}
maybe names differ 
3) Wrap both 
{% section 'header' %}
{% section 'header' %}
in a condition 

For template

{% if template.name != "name-here" %} 
{% section 'header' %}
{% endif %}

same for footer

{% if template.name != "name-here" %} 
{% section 'footer' %}
{% endif %}

 

For page:


{% if page.handle != "growing-greatness" %} 
{% section 'header' %}
{% endif %}

same for footer

{% if page.handle != "growing-greatness" %} 
{% section 'footer' %}
{% endif %}

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal