Create landing page with no header or footer with Broadcast 2.0 template

[tdw0510]

Hi, 

I would like to remove the header and footer section from a page in my Broadcast 2.0 theme to create a landing page with navigation removed.  I am having trouble with the code in doing this.  Any help would be appreciated. Thank you. 

[KetanKumar]

@tdw0510 

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

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

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

[tdw0510]

https://skillshotfx.com/pages/dealer-support

[KetanKumar]

@tdw0510 

thanks for url can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#dealer-support #shopify-section-header, #dealer-support #shopify-section-footer {
    display: none;
}

[tdw0510]

Hi KetanKumar,
I keep receiving the following error no matter what code I put in:

* Error: Invalid JSON: unexpected token

[KetanKumar]

@tdw0510 

just add css code no more please check your section code also show me error

[tdw0510]

Hi, 

I don't know what you mean: just add css code no more please check your section code

[KetanKumar · Accepted solution]

@tdw0510 

sorry but your have add code wrong file please add this file code please check above my code and guide line

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file

[tdw0510]

I got it! Thank you so much!

[KetanKumar]

@tdw0510 

its my pleasure to help us

[james-beyond]

Display none is not a very good way of removing the header and footer. A better approach would be to create a custom layout template in the theme and remove those sections from the template and then update the layout in the page template JSON schema (https://shopify.dev/themes/architecture/templates/json-templates).

[jamesaston]

Where is the below code? I have tried adding

#dealer-support #shopify-section-header, #dealer-support #shopify-section-footer {
display: none;
}

to theme.css with no results.