[highlandadventuresParticipant]

hi…how can i change the hoover effect of the nav bar from the line that shows above to….eliminate line, and allow for nav bar item to show hyperlink theme color and change color when hoovering? thanks. c

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav > li > a {
    color: #f0f0f0;
}
.x-navbar .desktop .x-nav > li > a:hover {
    color: #f00;
    box-shadow: none;
}

Hope it helps 🙂

[highlandadventuresParticipant]

thanks for the reply. it worked…one more question. how can i change the tab that is selected to be shown in orange instead of the bar above. thanks,

[ChristianModerator]

Please give us the URL of the page your working on so we could check your current setup.

Thanks.

[highlandadventuresParticipant]

http://www.kb.machupicchu.com just want to make the selected menu (once selected) a different color. thanks,

[RupokMember]

Hi there,

Thanks for updating.
You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
  box-shadow: none;
  color: #ff6600;
}

Hope this helps.

Cheers!

[Author]

Posts