[Malni]

Hi,

which Code do I need in the CSS Customizer to change the Top/Primary Menu?

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation li:hover > a, .main-navigation li.focus > a {
color: #f9a21f;
}

is not working 🙁

[Malni]

it is theme catch base

[Mahesh]

@malni: Go to Dashbaord=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.catchbase-nav-menu .current-menu-item > a, 
.catchbase-nav-menu .current-menu-ancestor > a, 
.catchbase-nav-menu .current_page_item > a, 
.catchbase-nav-menu .current_page_ancestor > a, 
.catchbase-nav-menu li a:hover, 
.catchbase-nav-menu li a:focus, 
.catchbase-nav-menu .sub-menu li a:hover, 
.catchbase-nav-menu .sub-menu li a:focus, 
.catchbase-nav-menu .children li a:hover, 
.catchbase-nav-menu .children li a:focus {
	color: #00ff00;
}

Regards,
Mahesh

[Malni]

THX Mahesh,

but now only the mouseover is in another color.
I need the whole menu-band backround color from left to right in gold and the font in white.

Like this:

https://www.dropbox.com/s/rwetf1emkvh4qil/catchbase%20explain.jpg?dl=0

[Mahesh]

@malni: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.catchbase-nav-menu a, 
.sidebar-header-right .widget_nav_menu a {
    color: #fff;
}

.nav-primary,
.catchbase-nav-menu .sub-menu a {
    background-color: #ffd700;
}

Regards,
Mahesh

[Malni]

Great, that worked many thanks

[Malni]

oh, is it possible to leave the links in the menu white and the font black, when the menu is open it is a bit to much:

https://www.dropbox.com/s/nfsbpqxkrndew0h/screenshot%202.jpg?dl=0

[Mahesh]

@malni: Remove all the above CSS, and put in the following CSS:

.catchbase-nav-menu a, 
.sidebar-header-right .widget_nav_menu a {
    color: #fff;
}

.nav-primary,
.catchbase-nav-menu .sub-menu a {
    background-color: #ffd700;
}
  
.catchbase-nav-menu .current-menu-item > a, 
.catchbase-nav-menu .current-menu-ancestor > a, 
.catchbase-nav-menu .current_page_item > a, 
.catchbase-nav-menu .current_page_ancestor > a,
.catchbase-nav-menu li a:hover, 
.catchbase-nav-menu li a:focus,
.catchbase-nav-menu .sub-menu li a:hover, 
.catchbase-nav-menu .sub-menu li a:focus, 
.catchbase-nav-menu .children li a:hover, 
.catchbase-nav-menu .children li a:focus {
	color: #000000;
}

Regards,
Mahesh

[Author]

Posts