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.

@ryanortiz9 , In your Shopify Admin go to online store > themes > actions > edit code In your theme.liquid file, find the (press CTRL + F or command + F on Mac) paste this code right above the tag: Please let me know whether it works. Kind regards, Diego

Hi Diego Thanks for getting back so quickly! I added that code like you said and it was accepted. However, it took the header and off of the entire site. I’d like that edit only on one specific page. Is that possible??

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

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…

Removing header and footer from Dawn template page

Store Design

vika12 February 18, 2022, 9:23pm 7

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!

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	273	March 28, 2024
Hiding Header and Footer on Home Page only Dawn Store Design	4	72	October 4, 2022
How to hide header and footer for specific page templates? Technical Q&A javascript , html , shopify-theme	5	350	June 20, 2025
How to remove header and footer navigation for a landing page? Store Design	11	152	May 7, 2023
How to hide header and footer on specific pages in Shapes Theme? Store Design design , header , customizations , footer , landing-page	11	170	November 6, 2023

Removing header and footer from Dawn template page

Related topics