Jump to content

Removing Navigation Bar from Single Page (Pazari Template)

Recommended Posts

Hello,

I've been stuck on an issue for a couple hours now and thought to reach out to the community! I am using the Pazari template. 

I am trying to make a landing page for my website - my goal is to keep the logo in the header, and delete just the navigation links on just this page. The other navigation links will be present on the rest of the site. 

I've gone around and tried several custom CSS codes from around the forum with no success. Can anybody help?

Thanks.

Screen Shot 2020-05-05 at 11.40.17 PM.png

Link to comment
  • Replies 3
  • Views 522
  • Created
  • Last Reply

Can you post a link to the site?

You could do this with javascript using 'window.location.href' to get the page you're, then add a style attribute to hide the navigation...

jQuery(function ($){
        var pathname = window.location.pathname;
        if (pathname == "/page2/"){
           $(".navigation-class").css("display","none");
          }
    })

 

Link to comment
8 hours ago, tuanphan said:

Add to Page Settings > Advanced > Header


<style>
  .header-nav {
    display: none;
}
.burger-box {
    visibility: hidden;
}
</style>

 

This worked!!!! Thank you so much for your help.

 

ChromaticZero thank you for replying as well!!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.