Underline in menu navigation shapely

Shapely
1

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?

2

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,
Support

3

It doesnt work, could u help me please

4

why every li have class active?

5

Hello,

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,
Mihaela