Underline in menu navigation shapely

I try to put css style - text-decoration: underline; to current item when li is active, and it doesnt work. How can i do it in shapely ? What is blocking it?

Hello there,

I hope you are doing well today.

You can use the following CSS code to add an underline by going to Appearance > Customize > Additional CSS and pasting it there.

.main-navigation .menu > li .active {
    color: red !important;
    text-decoration: underline !important;

Best Regards,

It doesnt work, could u help me please

why every li have class active?


Please try adding this code in Appearance > Customize > Additional CSS:

body .main-navigation .menu .active a {
    text-decoration: underline;

This should work!
Let me know how it goes!

Best wishes,