Keep announcement bar, but hide navigation on one page only

Hi there, 

I'm looking to hide my navigation (header) but keep the announcement bar on one page only. 

Any ideas how I might accomplish this? Any help would be so appreciated! 

Thank you! 

24 minutes ago, Tiny_Coast said:

Hi there, 

I'm looking to hide my navigation (header) but keep the announcement bar on one page only. 

Any ideas how I might accomplish this? Any help would be so appreciated! 

Thank you! 

Hi there. Not sure which template you're using, but pasting this into your header injection should work

<style>
  .Header {
  visibility: hidden!important;
}
</style>

edit: Just in case 
You can access the header code injection by going to pages > page settings > advanced on the specific page you want to be effected.

If any one use Personal Plan >> You can edit page where you want to hide >> Add a Code Block >> Paste @otohmatthew code

Hey there, 

I figure this out. Basically you need to hide the announcement bar wrapper that wraps the navigation menu when you create the announcement bar. 

Add this code to the advanced options code injection of the page. Works like a charm. 
 

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

On 8/24/2022 at 12:26 PM, liftmetrics said:

Hey there, 

I figure this out. Basically you need to hide the announcement bar wrapper that wraps the navigation menu when you create the announcement bar. 

Add this code to the advanced options code injection of the page. Works like a charm. 
 

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

This worked like a charm. Thank you!