Want to remove Boostrap mobile Nav Button Border

Question

This is my first post. My website (zidanmarketing.com) is using bootstrap, When the mobile button is active there is a blue border that I am unable to remove. How do I resolve this?

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus
{
background:none !important;
border-color:none !important;
}

Answer 1

.navbar-toggle {
  border: none;
  outline: none;
}

For targeting 767px and below, usually where the mobile button triggers try this.

@media (max-width: 767px) {
    .navbar-toggle {
      border: none;
      outline: none;
    }
}

Answer 2

try using outline: 0;

The blue outline is a default on pressed buttons on chrome and some other browsers. Outline 0 should have that fixed!