Jump to content

code to change navigation text page you are on

Recommended Posts

I have a client who wants the color of the navigation text to change based off what page is being viewed.

All the text to be blue and then the page you are on to make that navigation link yellow.
This will be in the Brine template.

I has hoping that there is a code that can be entered in each page? Please let me know if this is doable and if you have some css suggestions and where to place them. Thank you!


Link to comment
  • Replies 2
  • Created
  • Last Reply

@moessence Add to Home > Design > Custom CSS

/* Nav item active color */
.Header-nav-item--active {
    color: yellow !important;

Reference: https://beaverhero.com/squarespace-navigation-links/

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


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.