Solved

Hide navigation and announcement bar on one page (Sense theme)

coronan
Tourist
7 0 1

I want to remove the announcement and navigation bar from ONE page on my site:  https://contradesign.co/pages/ugc

 

I'm currently using the free Sense theme. Anyone have any tips on how to do that?

 

thank you!

Accepted Solution (1)

WoodyDev
Shopify Partner
578 115 191

This is an accepted solution.

Hi and welcome!

 

To do this, head to your 'page' and click the 'Show HTML' button in your page editor and paste this code at the top:

 

<style>
.header-wrapper {
 display: none !important;
}

.announcement-bar {
 display: none !important;
}
</style>

 

If you need a hand doing this, I can request collaborator access and sort for you no problem 🙂

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder

View solution in original post

Replies 8 (8)

WoodyDev
Shopify Partner
578 115 191

This is an accepted solution.

Hi and welcome!

 

To do this, head to your 'page' and click the 'Show HTML' button in your page editor and paste this code at the top:

 

<style>
.header-wrapper {
 display: none !important;
}

.announcement-bar {
 display: none !important;
}
</style>

 

If you need a hand doing this, I can request collaborator access and sort for you no problem 🙂

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
coronan
Tourist
7 0 1

@WoodyDev THANK YOU!! This worked perfectly!

WoodyDev
Shopify Partner
578 115 191

You're very welcome, much simpler than the other response and only affects that one page 🙂

 

If you need any help in the future, feel free to private message me directly 🙂

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
caducus
Visitor
2 0 0

Can you help me with a similar problem? I've got the Dawn theme and am trying to hide the announcement on all pages except for the Shop page. 

prachii
Tourist
7 0 1

THANK YOU. ihad a similar problem and this worked!! can you tell me how i can remove the footer menu and bar too? So that only the "page" section is on this page. 

AlexCPerky
Tourist
8 0 2

Thanks, super helpful : )

oscprofessional
Shopify Partner
15741 2354 3057

@coronan 
Hii,

 

#shopify-section-announcement-bar {
  display: none;
}
.header-wrapper .header__inline-menu {
	display: none;
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

for example like this

oscprofessional_0-1656403246603.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

oscprofessional
Shopify Partner
15741 2354 3057

@coronan ,

Hi

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing