Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Underline Active Nav in Jasper Template

Recommended Posts

Site URL: http://www.stephaniefalaschetti.com/

Hi there,

I am trying to get my nav to have an underline under the page that I am currently clicked on. Right now, my style has it set to be sea foam green, but I would like it to also have an underline under it so I can then just update it all to be black with a black underline. 

I've tried a few things and no luck. Would love some professional help!


Share this post

Link to post
13 hours ago, Stephsteph said:

@tuanphan omg it worked! thank you so much! Do you know if its possible to give it a little bit of spacing? right now it visual looks a lot closer to the word than my other hyperlinks, i think a pixel or two of space between the word and the underline would match it perfectly. Thoughts? http://www.stephaniefalaschetti.com/


Remove above code & use this

.nav-item.active a {
    border-bottom: 1px solid black;
    padding-bottom: 1px;


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...