Menu Accessibility

[lynt-smitka]

You can improve menu accessibility if you use visually hidden instead of display:none:

@media (max-width: 1000px){
.top-navigation .main-navigation {
display: inline-block;
border-bottom: none;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
}

Reference: https://a11yproject.com/posts/how-to-hide-content/