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

Center Text in Navigation


MrkDesigns

Question

Site URL: https://marksantiagodesigns.com

Hello,

I was attempting to add an underline to the top navigation links, but I encountered to minor edits I haven't quite been able to make adjustments to.

I am currently using this CSS:

.nav-item.active {
    border-bottom: 2px solid currentColor;
}

However, the individual project pages do not have underlines and the text is not centered above the underlines. Is there any way to make this change to the individual navigation links?

Thank you!

website_navigation.png

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Use this CSS to insert underline

.nav-item.active span:after {
    content: "";
    display: block;
    background: white;
    height: 1px;
    width: 95%;
    margin-top: 10px;
}

 

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...