Blue border around the word MENU on mobile

This is not related to the WordPress theme but rather a regular and most importantly accessibility related feature.
Some people cannot use mice and therefore need to tab through navigations and links.
If this is bothering you that much and after knowing the above you still really want to disable the border, please consider giving users proper visual feedback on :focus.

Here is the code to disable the outline:

button:focus {
  outline:0;
}

Hello raQai

I’m sorry I’m new to all of this and didn’t know how to describe it. With “proper visual feedback” do you mean a picture/screen shot?

Thank you so much for the code and help. I’m more than happy to oblige.

hey no worries, this wasn’t meant to be a rant or something, just an explanation why you see this outline around the button.

with “visual feedback” i mean the way a user sees possible interactions on your site.

e.g. when you hover over a link with your mouse, you have miltiple things happening:
1. you will see your cursor turning into a pointer
2. on most sites the link will become underlined
3. some sites (twenty twenty by default) also highlight the link with a differen color while hovering

the outline generally provides feedback for users who cannot hover with a mouse over a link. some developers often forget to honour the :focus attribute and remove visual outlines because they think those outlines disturb the users. in the end a user who has to use different inputs than mice, will suffer because of possible missing feedback which leads to those users not seeing where they currently are on the page.

you can try it out by tabbing through your page.