Underline for text on "current" page

Hey there :wave:

I have a little line animation for my nav elements, and I want it to stay when it is on a current page. I’ve tried a couple of things, but they didn’t work. Any guidence would be helpful, thanks!


Here is my public share link

Hi @JaimeWrightDesign! Just try adding this style inside your project tag.

<style>
.nav-link-holder.w--current{
   position: relative;
}

.nav-link-holder.w--current::after{
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  bottom: 0px;
  left: 0px;
  border: 1px solid black;
}

</style>

Awesome, this worked. Thank you!!

1 Like