Skip to content

Instantly share code, notes, and snippets.

@generatepress
Last active April 21, 2021 13:53
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save generatepress/793804f553c25c70823c to your computer and use it in GitHub Desktop.
Save generatepress/793804f553c25c70823c to your computer and use it in GitHub Desktop.
/* MENU ITEMS */
.main-navigation {
background-color: #222222;
}
.main-navigation .navigation-search input[type="search"],
.main-navigation .navigation-search input[type="search"]:active {
color: #FFFFFF;
background-color: #1e72bd;
}
.main-navigation .navigation-search input[type="search"]:focus {
color: #FFFFFF;
background-color: #1e72bd;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle {
color: #FFFFFF;
}
/* SUB-NAVIGATION */
.main-navigation .main-nav ul ul li a {
background: #222222;
color: #FFFFFF;
}
/* MENU ITEM HOVER */
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
color: #FFFFFF;
background-color: #1e72bd;
}
/* SUB-NAVIGATION HOVER */
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus > a,
.main-navigation .main-nav ul ul li.sfHover > a {
color: #FFFFFF;
background-color: #4f4f4f;
}
/* CURRENT ITEMS */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: #FFFFFF;
background-color: #1e72bd;
}
.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"]:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
color: #FFFFFF;
background-color: #1e72bd;
}
/* SUB-NAVIGATION CURRENT ITEMS */
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
color: #FFFFFF;
background-color: #4f4f4f;
}
.main-navigation .main-nav ul ul li[class*="current-menu-"]:hover > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"]:focus > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
color: #FFFFFF;
background-color: #4f4f4f;
}
@elizabethdalessandro
Copy link

I am having the same issue as alexczaragoza. Does anybody know how to solve it please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment