Website Building » Squarespace » How Do I Hide Secondary Navigation in Squarespace?

How Do I Hide Secondary Navigation in Squarespace?

Last updated on December 21, 2022 @ 4:43 pm

There are a few different ways that you can hide secondary navigation in Squarespace. One way is to simply remove the secondary navigation from your site’s header. To do this, go to Design > Header, and then uncheck the “Show Secondary Navigation” option.

Another way to hide secondary navigation is to use CSS to remove it from your site. To do this, you’ll need to add some code to your site’s Custom CSS area. Go to Design > Custom CSS and add the following code:

#header-secondary {
display: none;
}

This code will hide the secondary navigation on your site. You can also use this code to hide other elements on your site, such as the footer or sidebar.

PRO TIP: The article ‘How Do I Hide Secondary Navigation in Squarespace?’ may contain outdated or inaccurate information. Please use caution when following the instructions in this article.

You can also use JavaScript to hide secondary navigation. To do this, you’ll need to add some code to your site’s Custom JavaScript area. Go to Design > Custom JavaScript and add the following code:

$(function() {
$('#header-secondary').hide();
});

This code will also hide the secondary navigation on your site. You can use this code to hide other elements on your site as well.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.