Snippet: Remove Focus Styles from The Mobile Menu & Mobile Menu Toggle
Important: This code is no longer needed as it's included in the theme by default since Total 5.6.0
Some browsers may display focus styles when clicking on the mobile menu toggle and accessing the mobile menu. This is done for accessibility reasons which is why it's not removed in the theme by default, but it can be removed with some custom CSS if wanted.
Important: This CSS will target all devices, if you wanted to target touch devices only you may consider wrapping the CSS within an @media query targeting pointer:coarse.
a.mobile-menu-toggle,
.wpex-mobile-menu a,
.mobile-toggle-nav-ul a,
.sidr-class-wpex-close a,
button.wpex-open-submenu,
button.full-screen-overlay-nav-close
.wpex-fs-overlay .wpex-close {
outline:0;
}Learn how to add custom CSS to your site.