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
4083 801 1154

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

 

 

 

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
4083 801 1154

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

 

 

 

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Pelakin
Tourist
7 0 1

Thank you, Guleria. That worked perfectly!

Brett