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
Tariq Zidan
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
Robin carlo catacutan
source
to share
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
Kaue aftimus
source
to share
Bootstrap setup
Make sure that when customizing Bootstrap CSS you can link your personal stylesheet after the download link.
0
Vault dweller
source
to share