Remove footer from specific page

Solved
George_SNG
New Member
3 0 2

Hello all,

I'm sorry, I know this has been asked before, trust me ive spent the last seven hours today scrolling through various websites and your forum each claiming the have the answer. 

I have had enough ... *sigh* so here is my specific problem.

My original problem that I had tried to fix was that I wanted to remove the header, nav and footer from a specific page. 

I have managed so far to remove the header and nav, but for some reason the footer doesn't behave the same way.


I am trying to remove the footer from a specific page.

These are the steps I have taken ...

 

Created a new template called "page.landing.liquid"

I then input this code at the bottom of it to hide these displays

<style>

nav { display:none; }


header { display:none; }


footer { display:none; }

</style>

This successfully hid the header and nav, but not the footer. Why is this happening?! Can anyone please help me with a solution?

page in question is here - https://www.sandngrit.co.uk/pages/skate-sng

Any help appreciated,

 

George

SNG

dmwwebartisan
Shopify Partner
8355 1964 2643

This is an accepted solution.

@George_SNG 

For the footer you can use the following code:

.site-footer{
display: none;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
suyash1
Shopify Partner
3240 361 531

@George_SNG - please add this to the end of theme.css file , and this will hide footer on every page

 

.site-footer { display: none;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
George_SNG
New Member
3 0 2

OH THANKYOU! It worked!! 

made4Uo
Excursionist
92 0 7

Tried this and doesn't work. But I found this. In the theme.liquid. Change the  {% section 'header' %} code to his. 

{% unless template.suffix contains "landing-page" %}
{% section 'header' %}
{% endunless %}

 

This also works with the footer. Just change the  {% section 'footer' %}  code with this

 

{% unless template.suffix contains "landing-page" %}
{% section 'footer' %}
{% endunless %}

 

0 Likes