How can I hide the navigation bar and footer on a specific page?

Solved

How can I hide the navigation bar and footer on a specific page?

courtney777
Tourist
3 0 1

Hi, I'm not the developer of this theme and just trying to quickly add in this page while a new theme is being built. 
We want to remove the navigation bar & the footer from this page only. I've tried so many solutions found online but none seem to work. Any help is greatly appreciated!

Page Link : https://launderful.co/pages/tracker

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10112 2009 2061

This is an accepted solution.

Go to Online Store > Themes > Edit code, open theme.liquid file, add this code below after <head>

{% if page.id == 135623999793 %}
<style>
.section-header, 
.shopify-section-group-footer-group { display: none !important; }
</style>
{% endif %}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10112 2009 2061

Hi @courtney777 

Could you show which part you want to hide in the image so I can provide the code to do that? 

 

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

courtney777
Tourist
3 0 1

The very top section & very bottom sectionScreenshot 2024-04-25 at 10.30.16 PM.pngScreenshot 2024-04-25 at 10.30.34 PM.png

Dan-From-Ryviu
Shopify Partner
10112 2009 2061

This is an accepted solution.

Go to Online Store > Themes > Edit code, open theme.liquid file, add this code below after <head>

{% if page.id == 135623999793 %}
<style>
.section-header, 
.shopify-section-group-footer-group { display: none !important; }
</style>
{% endif %}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

courtney777
Tourist
3 0 1

You're a life saver!! Thank you soooooo much

Dan-From-Ryviu
Shopify Partner
10112 2009 2061

Very welcome!

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.