Skip to content

Instantly share code, notes, and snippets.

@wplit wplit/style.css
Last active Jan 14, 2020

Embed
What would you like to do?
Allow tabbing across the sub menu items in Oxygen Menu (for keyboard user)
/* Allows focus on sub menu items by tabbing menu
------------------------------------------------ */
.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item .sub-menu {
right: 5000px;
visibility: visible;
}
.oxy-nav-menu:not(.oxy-nav-menu-open).menu-item .sub-menu .sub-menu {
right: auto;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item:hover > .sub-menu,
.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item:focus-within > .sub-menu {
right: auto;
opacity: 1;
}
/* Match color changes on focus to be the same as on hover
(This needs to be changed to match colors on website as set in Oxygen)
------------------------------------------------ */
.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item:focus-within a,
.oxy-nav-menu:not(.oxy-nav-menu-open) .menu-item a:focus {
background-color: #6799b2;
color: #fff!important;
}
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.