[lisacole1Participant]

http://www.universityofwithywood.org.uk/
Hi
I have it so that when you hover over a menu item it changes to red, is it possible to get the current page to be red too? So when you are on the home page ‘home’ on the menu has a red background etc.?

many thanks!

[ThaiModerator]

Hi There,

Please add this CSS:

.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 {
  background-color: #9d1915;
}

Hope it helps 🙂

[lisacole1Participant]

you genius! Can I get that to work on the sub menu items too?

[JoaoModerator]

Hi There,

Please update your code to:

.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,
.masthead-stacked .x-navbar .desktop .sub-menu li a:hover {
  background-color: #9d1915;
}

Hope it helps

Joao

[lisacole1Participant]

ace, thank you!

[JadeModerator]

You’re welcome, Lisa.

[Author]

Posts