Why are my drop down links active?

Site URL: https://emu-maracas-4rxy.squarespace.com/

For some reason my submenu links (in the main navigation drop down) are considered "Active", and the custom styling I applied for active links, is visible from the drop down. Is there a way to turn this off so that it's only visible when the link is actually active?

password: clearmission

32 minutes ago, aurevoir_blu said:

Site URL: https://emu-maracas-4rxy.squarespace.com/

For some reason my submenu links (in the main navigation drop down) are considered "Active", and the custom styling I applied for active links, is visible from the drop down. Is there a way to turn this off so that it's only visible when the link is actually active?

password: clearmission

 

 

 

 

Could you try this

.header-nav-folder-item:hover {
  border-bottom: 1px solid #000;
}
.header-nav-item:hover {
  border-bottom: 1px solid #000;
}

Thanks @bangank36!

That worked perfectly. Just one tiny thing, is it possible to change the underline so that it only spans the length of the text and not so extended (see above) like the styling on the other links?

3 hours ago, aurevoir_blu said:

Thanks @bangank36!

That worked perfectly. Just one tiny thing, is it possible to change the underline so that it only spans the length of the text and not so extended (see above) like the styling on the other links?

try

.header-nav-folder-item:hover a {
  border-bottom: 1px solid #000;
}
.header-nav-folder-item a {
 display: inline-block;
}
.header-nav-item:hover {
  border-bottom: 1px solid #000;
}

You rock! Thanks so much for your help @bangank36