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

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.

1 Like

@tdw0510

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.

1 Like

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

1 Like

@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;
}
1 Like

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

  • Error: Invalid JSON: unexpected token
1 Like

@tdw0510

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

Hi,

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

1 Like

@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
1 Like

I got it! Thank you so much!

@tdw0510

its my pleasure to help us

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).

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.