Remove Focus Border on Chrome

[orwells-ghost]

I just wanted to give a heads up. In Chrome, after pressing the hamburger, a focus border shows up. See image. To fix: .hamburger:focus { outline: 0; }

[DenisDolzhikov]

In my case this helped me:

.hamburger:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); }

[rrickgauer]

You can also do:

.hamburger:focus {
  outline: none;
}

[ghost]

Removing the outline is a bad practice in terms of accessibility.

outlinenone.com