diff --git a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss index 043e9c166..90f165aaa 100644 --- a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss +++ b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss @@ -38,6 +38,9 @@ &:visited { color: $pure-white; } + &:focus { + text-decoration: underline; + } } &__avatar { @@ -72,6 +75,10 @@ &:hover { background-color: $lf-grey-200; } + + &:focus { + text-decoration: underline; + } } // initially hide the only-authenticated parts in LFX SSO. diff --git a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss index 60d018e20..63b6b090d 100755 --- a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss +++ b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss @@ -50,6 +50,9 @@ // Desktop. @media (min-width: 1024px) { .header-global { + &__hamburger { + display: none; + } &__logo-nav { font-weight: 600; font-size: 15px; @@ -125,9 +128,9 @@ border-top: 5px solid $lf-grey-200; } } - &:hover > ul, - &:focus > ul, - &.focus > ul { + &.is-open > .sub-menu, + &:focus > .sub-menu, + &:focus-within > .sub-menu { left: -1em; top: 100%; opacity: 1;