Underline menu items

You are here

Thomas Bishop

Underline menu items

Hi Mitch,

I would like there to be a white bottom border under the current page in the main navigation menu as a visual aid to the user. I have attached an image of what I am after.

I attempted this using the following code but am having no luck with it probably due to a conflict:

.nav-link a:hover {
    border-bottom: 3px solid red;
}

.nav-link a.active {
    border-bottom: 3px solid red;
}

Grateful if you could tell me how to do this.

Cheers

Thomas

Attachment(s):