Trying to hide header and navigation on landing page

Site URL: http://brittannytaylor.com

I want to make a landing page using four photos side by side, linking to different services. That doesn't seem to be possible in making a cover page. Does anyone know how remove the navigation menu and header for only one page?

I use chrome extension Find Squarespace Ids to get the page id like so

#collection-5d20d92fc7d3f90001889d37 .Header {
	display: none;
}
/* Do you want to remove footer too? */
#collection-5d20d92fc7d3f90001889d37 footer {
	display: none;
}

This case it was

#collection-5d20d92fc7d3f90001889d37

you can try to replace it with your other page

That worked! Thank you so much!

hi @bangank36

i tried the code you shared on the advanced section of page settings and i still have a small header on the page. can you help me remove it?

#collection-5b4f6ce603ce64d078195d81 .Header {

    display: none;

}

https://www.forestchaffee.com/connect

thank you!

On 10/14/2022 at 12:23 AM, fc1 said:

hi @bangank36

i tried the code you shared on the advanced section of page settings and i still have a small header on the page. can you help me remove it?

#collection-5b4f6ce603ce64d078195d81 .Header {

    display: none;

}

https://www.forestchaffee.com/connect

 

thank you!

Add to Page Header

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

thanks!

Hello @tuanphan + Circle Forum,

I am hoping to hide the navigation menu (navigation style: icon) on the landing page only - example link in Carson (Tremont) 

Above code options do not seem to do the trick ...

4 hours ago, BureauSF said:

Hello @tuanphan + Circle Forum,

I am hoping to hide the navigation menu (navigation style: icon) on the landing page only - example link in Carson (Tremont) 

Above code options do not seem to do the trick ...

Can you share your URL to this page?

On 1/6/2023 at 4:27 AM, BureauSF said:

Hello @tuanphan + Circle Forum,

I am hoping to hide the navigation menu (navigation style: icon) on the landing page only - example link in Carson (Tremont) 

Above code options do not seem to do the trick ...

Add to Landing Page Header

<style>
  a#navToggle {
    display: none;
}
</style>

This code for your example link

This worked like a charm!

Thank you, @tuanphan, your expertise and shared input to this forum arehighly appreciated!

HEADER IS GONE

FOOTER IS STILL THERE - I used this:

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