How to remove header and footer navigation for a landing page?

How do you remove the header and footer navigation to create a landing page based on page templates?

@ABFN

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

https://erthlinghq.com/pages/erthling-kids

@ABFN

thanks for url

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
.template-page-landing-page  #shopify-section-announcement-bar, .template-page-landing-page  #shopify-section-header, .template-page-landing-page  #shopify-section-footer {
    display: none;
}

I think ABFN meant to make a page without nav not the whole site

Yes exactly! How do I remove the header/footer JUST for that one page?

@ABFN

yes, please used above code

go to the page you want with no menu in the themes > actions> edit code and for this example, we will say landing.liquid but it whatever you called the page go to the page and on top


That code gave an error for some reason, its JSON page

your in the wrong page it should be something like page.liquid or whatever the json says it is

@ABFN

no rush that code work as well all page just add

Hi, How do you do this if you do not have a stylesheet? I am using Dawn version 9.0

https://www.unboxyourparty.ca/