How to add lines under folder pages

Hi,

I would like to add lines under my pages when you hover over them. Is it possible?

Thanks!

17 hours ago, inham said:

Hi,

I would like to add lines under my pages when you hover over them. Is it possible?

Thanks!

For community 's support, you should set your site with protected password and share them (site url & password) for us to access and check your issue properly

Hi,

Hopefully it works!

https://wolverine-polygon-atzy.squarespace.com/config/settings

password: jewellery21

38 minutes ago, inham said:

Hi,

Hopefully it works!

https://wolverine-polygon-atzy.squarespace.com/config/settings

password: jewellery21

You can try adding to Home > Design > Custom Css

.header-nav-item {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 1s;
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
}

.header-nav-item:hover  {
  text-decoration-color: inherit;
  -webkit-text-decoration-color: inherit;
  -moz-text-decoration-color: inherit;
}

It  can be easier with the hover effect that sets underline navbar but with above code, we can have a little smooth transition in underlying.

Hope it can help you.

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

In addition, you can speed up or speed down the transition with the time in Css style

It works!

It's great, thanks a lot!