Jump to content

Aviator: How can I underline an active page in the navigation?

Recommended Posts

  • Replies 3
  • Created
  • Last Reply
  • 2 weeks later...

Thank you Ghostcat that works! How can I however make the line appear a little bit lower, so have a bit of spacing between the text and the underline? Also I noticed that it does only appear once you have clicked on an element so not when you first land on a page. Is that fixable?

Link to comment

You can't change the spacing of the text-decoration underline since that is determined by the font. However, you can use a 1px bottom border instead like so:


#main-navigation ul li.active-link>a{
   border-bottom: 1px solid YOUR-LINK-COLOR;
   color:YOUR-LINK-COLOR;
   padding-bottom:1px;
}

Link to comment

Archived

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

Guest
This topic is now 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.