Jump to content

Remove navigation menu but leave logo

Go to solution Solved by christyprice,

Recommended Posts

  • Solution

Hi @calechip,

The easiest method works if you are on a Business Plan or higher. In the Pages menu, click the cog icon beside the homepage, you can add this code under Advanced > Page Header Code Injection

<style>
.header-nav-list>div {
    visibility: hidden;
}
</style>

If you are on the Personal Plan, you'll need to target the ID of the homepage and add this code to Design > Custom CSS . Just be sure to swap out the collection-id for the one on your homepage. Here's how to find that.

#collection-5fff72fed2b2d307fbe42388 .header-nav-list>div {
     visibility: hidden;
}

 

Link to comment
1 hour ago, christyprice said:

Hi @calechip,

The easiest method works if you are on a Business Plan or higher. In the Pages menu, click the cog icon beside the homepage, you can add this code under Advanced > Page Header Code Injection


<style>
.header-nav-list>div {
    visibility: hidden;
}
</style>

If you are on the Personal Plan, you'll need to target the ID of the homepage and add this code to Design > Custom CSS . Just be sure to swap out the collection-id for the one on your homepage. Here's how to find that.


#collection-5fff72fed2b2d307fbe42388 .header-nav-list>div {
     visibility: hidden;
}

 

Thank you so much, worked perfectly!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.