Underline menu question

Hi, I have the underline menu active and working. But I see it’s @100% width. I want to change that to 80% and center the underline. But how?

Another issue is when I have a parent page with a sub-menu, then why doesn’t the underline stay active on the parent when visiting a submenu page?? And how to achieve that so it does work that way?

Hello,

I have visited the URL you attached. To set the width of the underline menu items you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.navigation-style-underline .item-level-0:hover > a .nav-link-text::after{
width: 80% !important;
}

It is the default behavior set that’s why the hover underline is not appearing on the active item on the menu.

Best Regards.

Ok, but how to achieve a centered underline? margin:0 auto; does not seem to do anything.

Nevermind, got it to work!

Hello,

Sound’s Good!!!
That you have managed to solve your issue by yourself.
You are the best..

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts