Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
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
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
Thank you, Guleria. That worked perfectly!
Brett
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025