Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Genesis SubMenu Horizontal
/* SubMenu > Sub Menu Vertical*/
.genesis-nav-menu .sub-menu .menu-item:hover > .sub-menu {
left: auto;
right: initial;
margin: initial;
}
.menu .sub-menu .menu-item > a:focus + ul.sub-menu,
.menu .sub-menu .menu-item.sfHover > ul.sub-menu {
left: auto;
right: initial;
margin: initial;
}
.genesis-nav-menu .sub-menu .sub-menu {
width: 200px;
}
/* Genesis Primary Menu - Horizontal SubMenu */
.genesis-nav-menu .menu-item {
text-align: center;
}
.genesis-nav-menu .sub-menu {
width: 100%;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: 0;
right: 0;
margin: auto;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: 0;
right: 0;
margin: auto;
}
.nav-primary {
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.