Clever Geek Handbook

Want to remove Boostrap mobile Nav Button Border

This is my first post. My site (zidanmarketing.com) uses a downloader. When the "Mobile" button is active, a blue border appears that I cannot remove. How do I resolve this?

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


source to share


3 answers 


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

For targeting 767px and below, usually when the mobile button fires, try this.



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


source


try using outline: 0;



The default blue outline is on pressed buttons on chrome and some other browsers. Contour 0 must have a fixed value!

+1


source


Bootstrap setup

Make sure that when customizing Bootstrap CSS you can link your personal stylesheet after the download link.

0


source






More articles:


All Articles