How do I change the active state color for the navigation link?

[ryoeun0]

I am trying to change the blue active state color on the navigation link to orange like the rest of the colors. It won’t change to orange like everything else. In addition, How do I expand the menu to fit the entire word ‘Music Instructors’ all on one line and not two line? Please help me!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, #mobile-menu .menu ul li.current-menu-item > a, nav .menu li.current-scroll-item > a {
    color: #FFA500 !important;
}
nav .menu > li.menu-item:hover > a {
    color: #FFA500 !important;
}
nav#main-navigation .menu > li > a span.nav-line {
    background-color: #FFA500 !important;
}

Thanks
Mohammad

[ryoeun0]

Thank you that helped fix the color problem for the active state. Now, how do I expand the navigation width size to fit the entire word all on one row and not two? Take a look at the attached image, I am trying to fit ‘ Music Instructors ‘ all on one line. Do you see how it stacks the word ‘ Music ‘ on top of ‘ Instructor’? How can I go about fixing this issue for the navigation label?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

nav .menu ul.sub-menu {
    width: 220px !important;
}

Thanks
Mohammad

[ryoeun0]

Thank you that fixed the problem!

[Kyle – SUPPORT]

Thanks Mohammad

– Kyle