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
7726 1506 1515

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 a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

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 a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- 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
7726 1506 1515

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 a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- 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
7726 1506 1515

Very welcome!

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now