Underline my current page in menu

Hey there,
It would be great if I could underline the menu item in my header menu of the page I’m currently on.
Do you have a easy way to do this ?
Thanks for your help !

Hi There,

Please try adding this custom CSS:

li.current-menu-item .x-anchor-text {
    border-bottom: 2px solid #cecece;
}
li.current-menu-item:hover .x-anchor-text {
    border-color: #000;
}

Hope it helps :slight_smile:

Thank you.
It would be even nicer if I could apply some padding to have it a little further than the texte (without moving the text vertically compared to the other menu options).
Is that possible ?

Hi @mvalle-canopee,

I’m not really sure what you’re currently referring, you mean just increase the space between menu items? There should be options for padding, but not sure about moving text vertically. Please provide some screenshot.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.