Open lynt-smitka opened 4 years ago
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/
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/