Remove Header from Metaobject Page I Created in Debut Theme

Solved

Remove Header from Metaobject Page I Created in Debut Theme

Pelakin
Tourist
7 0 1

Hello!

I am not a coder and don't understand much with html so I created a new "page" for my site that is apparently a metaobject?? You can see the page here:

https://takonlife.com/pages/whytakonworks/body-healthy-sleep

 

I'd like to be able to remove the header from just this page, but keep the logo. So I want to remove the navigation menu, search bar and the cart icon. 


How would I do it for only this page?

Thank you!!


Brett

Accepted Solution (1)

Guleria
Shopify Partner
3237 630 906

This is an accepted solution.

Hello @Pelakin ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.scss.liquid or  theme.scss.css file and paste the following code below:

 

body.template-metaobject\/new_page .site-header__icons {
    display: none;
}
body.template-metaobject\/new_page nav#AccessibleNav {
    display: none;
}

 

Thanks

 

 

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
3237 630 906

This is an accepted solution.

Hello @Pelakin ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.scss.liquid or  theme.scss.css file and paste the following code below:

 

body.template-metaobject\/new_page .site-header__icons {
    display: none;
}
body.template-metaobject\/new_page nav#AccessibleNav {
    display: none;
}

 

Thanks

 

 

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal
Pelakin
Tourist
7 0 1

Thank you, Guleria. That worked perfectly!

Brett