[Fixed]-Bootstrap 3 CSS: Thin white gap above navbar only on mobile in production

by

0👍

✅

I finally fixed this with the following css at the template level:

.navbar-default .navbar-collapse {
    border-style: hidden !important;

It’s more of a patch, but it did the trick.

👤msarlo

1👍

Just add margin-top: -1px to navbar-static-top like this:

.navbar-static-top {
    margin-bottom: 0px !important;
    margin-top: -1px;
    background-color: #11C356;
    border-color: #11C356;
    /* border-style: solid; */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
}
👤Adam Buchanan Smith

0👍

Try this

.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
/* border: 1px solid transparent; */ or border:none;
}
.navbar-static-top {
margin-bottom: 0px !important;
background-color: #11C356;
/* border-color: #11C356; */
font-family: 'Source Sans Pro', sans-serif;
font-weight: 200;
font-size: 1.2em;
}
👤OlivMertens

Leave a comment