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

[coronan]

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!

[WoodyDev · 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 🙂

[coronan]

@WoodyDev THANK YOU!! This worked perfectly!

[WoodyDev]

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 🙂

[caducus]

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]

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]

Thanks, super helpful : )

[oscprofessional]

@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]

@coronan ,

Hi