Hide Navigation Bar on Homepage

Site URL: https://www.rachelgarbercole.com

Hello,

I want to hide the top navigation bar on my homepage. I have a button that you click that leads you to the rest of the website, and I would like to hide the top navigation so that people have to click on that button in order to enter the rest of the website. Could someone please help me with a custom code?

<style>
header,
footer {
  display: none;
}
</style>

Place the above code in code injection header for the page you don't want the nav bar to be seen, it will hide the header completely. 

Add to Page Settings > Advanced > Header

<style>
  header#header {
  	display: none;
  }
</style>