Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

tdw0510
Tourist
9 0 4

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. 

Accepted Solution (1)
KetanKumar
Shopify Partner
37379 3657 12100

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 11 (11)

KetanKumar
Shopify Partner
37379 3657 12100

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tdw0510
Tourist
9 0 4
KetanKumar
Shopify Partner
37379 3657 12100

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tdw0510
Tourist
9 0 4
Hi KetanKumar,
I keep receiving the following error no matter what code I put in:

* Error: Invalid JSON: unexpected token

KetanKumar
Shopify Partner
37379 3657 12100

@tdw0510 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tdw0510
Tourist
9 0 4

Hi, 

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

tdw0510_0-1635272750196.png

 

KetanKumar
Shopify Partner
37379 3657 12100

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tdw0510
Tourist
9 0 4

I got it! Thank you so much!

KetanKumar
Shopify Partner
37379 3657 12100

@tdw0510 

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jamesaston
Visitor
1 0 0

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.

james-beyond
Shopify Partner
1 0 0

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