Jump to content

Changing what is linked on Main Navigation per page

Recommended Posts

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

PW: 1234

We are trying to make our website have a landing page where you click on a logo and it takes you to that portion of the website while not showing the other information.

For Example if we are on the Akash portion of our site we do not want to see the sentinel link on main navigation.

image.thumb.png.3103e45940e75535578cf6df2f0042b3.png

I have tried referring to this post but I was unable to get it to work.

Please any help is really appreciated

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

To hide Sentinel item on Akash page, add this code to Akash Page Header (Hover on Akash in Main Navigation [in admin] >> Click Gear Icon >> Advanced

<style>
  header#header [href*="sentinel"] {
    display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 5/11/2021 at 11:19 AM, Bcbellows said:

Thank you very much that was exactly what I needed. Do you know if its possible to change the spacing of the main nav bar when I do hide a link it appears to have more space in between when I hide something

image.png.05df0a8836ae05441d36a893d97ced6e.png

Hi. Sorry. You can remove above code? I will give new code, it will be better

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
15 hours ago, Bcbellows said:

Just removed it sorry for the delay thank you again

To hide Sentinel on One Page, add this to Page Header

<style>
  nav.header-nav-list>div:nth-child(6) {
    display: none;
}
  .header-menu-nav-folder.header-menu-nav-folder--active>div>div:nth-child(6) {
    display: none;
}
</style>

image.thumb.png.2b3d078537948cc61aa20eb723a4180c.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.