/* focus ring on submenu opening icons */ .top-menu i.sub-mark:focus { outline: 2px solid #7AACFE; } /* focus ring on menu items */ .top-menu > li > a:focus, .top-menu > li > span.title:focus { outline: 2px solid #7AACFE; }
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
The thing that you see is focus ring, that is a way that browser marks selected interactive elements. It is very important for disabled users or users who use the keyboard to navigate on websites.
You can disable it as described here https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#accessibility-focus-rings-on-the-menu
With kind regards.
Sure, you could use such custom CSS: With kind regards.