Remove header, announcement bar and newsletter and footer on a single page Baseline theme

Solved

Remove header, announcement bar and newsletter and footer on a single page Baseline theme

djfinn
Visitor
3 0 0

Hi,

 

I'm using the Baseline theme and i'm wanting to remove the header, announcement bar and newsletter and footer on just a single page (https://www.rotaterecordings.com/pages/links)

Thanks

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8528 1681 1691

This is an accepted solution.

Hi @djfinn 

You can do that by adding this code to theme.liuquid file, after <head> in Online store > Themes > Edit code 

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

- Helpful? Like and Accept solution to let me know or Buy me 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
8528 1681 1691

This is an accepted solution.

Hi @djfinn 

You can do that by adding this code to theme.liuquid file, after <head> in Online store > Themes > Edit code 

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

- Helpful? Like and Accept solution to let me know or Buy me 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.

djfinn
Visitor
3 0 0

Hi @Dan-From-Ryviu 

 

Am i adding it to the bottom of the header.liquid ?

Screenshot 2024-07-02 at 4.05.54 pm.png

ProtoMan44
Shopify Partner
495 43 80

@djfinn hey, thanks for posting here.

 

{% if page.url == '/pages/links' %}
  <style>
    scrolling-items-container, header, footer {
     display: none !important;
    }
  </style>
{% endif %}

 

i hope it will help you, thanks.

if it solve you issue so please mark it as solved.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
djfinn
Visitor
3 0 0

Hi @ProtoMan44

 

Where am I adding this to?

ProtoMan44
Shopify Partner
495 43 80

@djfinn add it to theme.liquid or product main file

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!