Hi everyone! I’d like to create landing page with no header or footer so you cannot browse the rest of our site. I’m using the Dawn template and do not have any coding experience but am a quick learner if that’s needed.

Every page will have a unique class to the body. Hide the header and footer on the specific page using the class. However, if you are hiding the header and footer, you are probably going for a Landing page independent of your website design. I don’t suppose this is the right approach in that case. …

Did you find anything to work like {% layout none %} for 2.0? Using express shopify 2.0 free theme Not trying to load and then hide things either

Hi, i want to do this exactly as you postet but i don’t really get it. This is my page: https://pandoxa.net/pages/unternehmen Where do I need to adjust, so that there is no: announcement row header footer on this page? Best Regards and thanks a lot! Andreas

Can anyone help me? I’m totally fine with a quick and dirty solution (even if they get loaded, I want to not display them on my specific page I just postet. Thanks!

Hi, You can hide them using CSS. Take a page-specific class from the body tag and hide the header and other sections using that class. [1.PNG] But your theme doesn’t have the class to use. [2.PNG] You can add this code to add a class to the body: {{ template | handleize }} Once you get the…

Not ideal to load and then hide things either with css Is there something that’s planned or works like {% layout none %} for 2.0?

Hi LightYagami, thanks a lot for helping me! Unfortunally, i’m pretty much a noob. I tried to follow your instructions but I’m too stupid for it. I need more of a “one step to the other”-Instruction… So, I understood I need to add a new class. I assume this must be done in the theme.liquid right?…

@vika12 Yes, add the body class in theme.liquid and also add the CSS at the end of head tag which is also in the same theme.liquid file. @sb11 I agree with you. It’s not the ideal case. Just a quick fix. So I tried a different approach. Shopify 2.0 is allowing .liquid templates as well. So you c…

@LightYagami thats a good idea, pretty new to this, which dynamic sections features will I lose?

@sb11 In Shopify 1.0, we can add the sections on the Homepage only. All other pages have static sections only. Now in Shopify 2.0, that feature is extended to all pages. We can use all sections available in HP on other pages as well. [1.PNG] You can read the Shopify 2.0 new features list to unde…

Removing header and footer from Dawn template page

Store Design

Jovock September 26, 2023, 1:56am 23

This is the best answer

Topic		Replies	Views
How to hide Header and Footer from a landing page (Dawn theme) Store Design design , header , customizations , landing-page , shopify-themes	0	254	March 28, 2024
Hiding Header and Footer on Home Page only Dawn Store Design	4	71	October 4, 2022
How to hide header and footer for specific page templates? Technical Q&A javascript , html , shopify-theme	5	330	June 20, 2025
How to remove header and footer navigation for a landing page? Store Design	11	136	May 7, 2023
How to hide header and footer on specific pages in Shapes Theme? Store Design design , header , customizations , footer , landing-page	11	162	November 6, 2023

Removing header and footer from Dawn template page

Related topics