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
37622 3670 12166

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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37622 3670 12166

@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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37622 3670 12166

@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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37622 3670 12166

@tdw0510 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37622 3670 12166

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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37622 3670 12166

@tdw0510 

its my pleasure to help us

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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).