How can I remove the header and footer from a specific landing page?

[AgnesB]

Hi

I use the free Shopify Studio Theme and want to create a landing page that doesn’t have the header and footer displayed. When I hide the header and footer on shopify customize theme they disappear from the whole website, but I just want them gone from this page:

https://www.wearestardust.uk/pages/free-audio-guide

How do I do this?

Thanks

[Moeed]

Hey @AgnesB

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above tag.

{% if page.handle == 'free-audio-guide' %}

{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[made4Uo]

Hi @AgnesB

You need to edit your theme.liquid code. You can do the following.

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code

2. Go to Layout folder and open the theme.liquid file

3. Find the {% sections ‘header-group’ %} and {% sections ‘footer-group’ %}

4. You need to put them inside the unless statement. Refer to image below for placement

{% unless request.page_type == 'index' %}
Section header or footer here...
{% endunless %}

[INA_MSWEB]

Hi @AgnesB

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this code before tag in your theme.liquid file:

{% if page.handle == ‘free-audio-guide’ %}

.header-wrapper.color-background-1.gradient, footer.footer.color-accent-1 {display: none;}

{% endif %}

Regards,

San

[AgnesB]

Perfect! It worked. Thanks so much.

[VForVendetta]

it works on me thanks

[WhyRegister]

This helped me! Thanks!
https://www.youtube.com/watch?v=mxUSrhnbehA
This was helpful context as well.

[sujonmir]

Latest solution for 2024

{% if page.handle == 'paid-partnership' %}

{% endif %}

[sujonmir]

Latest solution for 2024

{% if page.handle == 'free-audio-guide' %}

{% endif %}

[Lina_Andersson]

Hey I tried this on my store, but not working.

See: https://webshopsuccesshub.com/pages/offer-landing-page

Theme is a Pro Theme: Be Yours

I indeed changed the code to say ‘offer-landing-page’ and put it in theme.liquid before /body tag.

[Lina_Andersson]

Hey I tried this on my store, but not working.

See: https://webshopsuccesshub.com/pages/offer-landing-page

Theme is a Pro Theme: Be Yours

I indeed changed the code to say ‘offer-landing-page’ and put it in theme.liquid before /body tag.

[brazeranch]

I added this to my theme.liquid file, but I am still getting the ghost of an announcement bar and “Your Cart” text

https://brazeranch.com/pages/agritourism-insights