SUSPENDING NAVIGATION BAR FOR SPECIFIC PAGES?

Site URL: https://www.santoandtheppl.com/maw-services

Is there a way to suspend or hide the navigation bar for specific pages?

In this case, I have a specialized service related to my art/music project.. 

I'd like to hide my primary navigation, so that while people are browsing the cover page and associated pages for this specific service, they don't get confused using my primary artist navigation etc...

1 hour ago, santoandtheppl said:

Site URL: https://www.santoandtheppl.com/maw-services

Is there a way to suspend or hide the navigation bar for specific pages?

 

In this case, I have a specialized service related to my art/music project.. 

I'd like to hide my primary navigation, so that while people are browsing the cover page and associated pages for this specific service, they don't get confused using my primary artist navigation etc...

You can hide nav bar by inject custom code for one page only

<style>
	.Header-nav--primary, .Mobile-bar-menu, .Header-nav--secondary {
      display: none;
    }
</style>

Squarespace 101: How to inject custom code – BeyondSpace

6 hours ago, santoandtheppl said:

@bangank36Now is there a way to also hide the Site Title?

@paul2009 @tuanphan

7 minutes ago, santoandtheppl said:

@paul2009 @tuanphan

If you want to remove the title and nav item together

.Mobile-bar,
header {
  display: none !important;
}

Hello bangank thank you very much.

This code that you have shared is perfect for me.

<style>
	.Header-nav--primary, .Mobile-bar-menu, .Header-nav--secondary {
      display: none;
    }
</style>

But the footer continues to be seen. Is there a way to hide the footer too?

Thansk a lot

@8capas with Footer, use this code

<style>
  footer.Footer {display:none !important;}
</style>