Change BG color to highlight a Global Menu item
Ovidiu, I'm trying to highlight a Menu item (ad-tag) that I inserted through the Appearance/Menus/Global (Primary Navigation)
I tried duplicating the Ad button css to create a new one for the Highlighted menu item as such:
Code:
#primary-menu.navbar-default .navbar-nav.menu-item-highlight>.active>a {
background: #ff3250!important;
}
#primary-menu.navbar-default .navbar-nav.menu-item-highlight>.active>a:hover {
background: #999999!important;
}
Then I went back in the
WP Appearance/Menus/Global (Primary Navigation) and inserted the new class "menu-item-highlight" under "CSS Classes (optional)" but I would not work, I tried inserting "primary-menu.navbar-default .navbar-nav.menu-item-highlight" but the . and spaces are stripped once I saved the Menu.
How can I go by doing this?
I do see the class assigned to the new Menu item as such:
menu-item menu-item-type-taxonomy menu-item-object-ad_tag current-menu-item menu-item-25055 active