Sub menu formatting question

Support
#1

I am looking for the CSS to allow me to change the color of the parent link to white. When the sub menu is displayed and I move the cursor to the second tier child menu, the first tier child menu link color loses it’s active color of #ffffff.

Please advise. Thank you.

#2

Hello Keith,

Thanks for writing in!

Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 transparent;
    color: white;
}

.x-navbar .desktop .sub-menu li.x-active > a {
    color: white;
}

Hope this helps. Please let us know how it goes.

#3

I was missing the “current-item” piece. Thank you.

#4

You’re most welcome!
We’re glad we were able to help you out.

#5

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