Archived topic
container/class that controls menu items background and hover
3 replies · Started by Streater on June 16, 2021
What is the container/class name that controls the menu items background color and hover color? I know those settings are in the customizer but I want to use CSS to have different settings for mobile. Thanks!
Hi there,
The default uses this: .main-navigation,.main-navigation ul ul
The current menu uses this selector: .main-navigation .main-nav ul li[class*="current-menu-"] > a
The primary navigation :hover state uses this : .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a
Wow works perfect thank you!
Glad it works for you. No problem. :D
