Skip to content

Instantly share code, notes, and snippets.



Last active Mar 26, 2020
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;

This comment has been minimized.

Copy link

@zviz zviz commented Mar 26, 2020

Hi there
thanks for the snippet.
will it work on the new pro-menu?

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