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

Underline on Hover for Main Navigation


LauraAmber
Go to solution Solved by tuanphan,

Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Use this CSS .header-nav-item a:hover { text-decoration: underline; }  

5 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS


.Header-nav-item:hover {
   border-bottom: 1px solid #ff0000;
}

Reference: https://beaverhero.com/brine-template-squarespace/#UnderlineNavigationon_Hover@LauraAmber

Edited by tuanphan
Initial Revision
Link to post
  • 0

Hi - I've been trying to get this to work and have used the code Taun Phan provided here, as well as the code below and can't seem to get it to work.

.Header-nav-item::after {
content: '';
background: #000;
height: 2px;
width: 0;
display: block;
margin-top: 2px !important;
transition: width 1s;
}

My website is www.calligrapran.com. Thanks!

Link to post
  • 0
8 hours ago, Praneetha said:

Hi - I've been trying to get this to work and have used the code Taun Phan provided here, as well as the code below and can't seem to get it to work.


.Header-nav-item::after {
content: '';
background: #000;
height: 2px;
width: 0;
display: block;
margin-top: 2px !important;
transition: width 1s;
}

My website is www.calligrapran.com. Thanks!

Use this CSS

.header-nav-item a:hover {
    text-decoration: underline;
}

 

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