CODEWITHSUNDEEP
csshtmltwitter-bootstrap
Kumar Pallav
Kumar Pallav

Reputation: 600

Why My Navbar is still horizontally scrolling ( Bootstrap)

I am trying to create a responsive website , this is the URL http://waverin.com . I am able to make it responsive and navbar is almost working. Only issue is on a mobile device it provides a a little scrollbar making it not look so elegant. Scroll Allowed

Upvotes: 3

Views: 2586

Answers (1)

ralph.m
ralph.m

Reputation: 14345

Try removing the negative right margin here:

@media (max-width: 767px) {
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
         margin-right: -20px;
         margin-left: -20px;
}

Because the div is position: static at that width, the negative right margin causes that element to blow out by 20px, and thus you get the scroll.

Upvotes: 2

Related Questions