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

djfinn · ‎07-01-2024

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

Dan-From-Ryviu · ‎07-01-2024

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 %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎07-01-2024

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 %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

djfinn · ‎07-02-2024

Hi @Dan-From-Ryviu

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

ProtoMan44 · ‎07-01-2024

@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 · ‎07-02-2024

Hi @ProtoMan44,

Where am I adding this to?

ProtoMan44 · ‎07-02-2024

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