Current page tab color in navigation

Support
#1

When on a page, the current tab in a navigation in-line is highlighted in the color set for interaction.

Is it possible to have the CURRENT tab highlighted in a different color than the interaction color?

So, the Discover in the navigation would be white with black text, while the Interaction color would still be the light green on other tabs as I hover.

Thanks!

Travis

#2

Hello Travis,

Thanks for writing in! By default, the current menu item and the hover or interaction of the menu item is the same. If you want to change this behaviour, you will need a custom css instead. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-menu > li.current-menu-item > .x-anchor[class*="active"] {
    background-color: white;
}

.x-menu > li.current-menu-item > .x-anchor[class*="active"] .x-anchor-text-primary {
    color: black;
}

And you will have this result:

We would love to know if this has worked for you. Thank you.

#3

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