CODEWITHSUNDEEP
htmlcsstwitter-bootstrapresponsive-design
Woody
Woody

Reputation: 97

CSS-Bug in Bootstrap-Template

On the following template is a css bug. If u resize your browser, you will see that the template sometimes has a horizontal scrollbar. Its not that nice for a responsive design. On iPhone6 (not landscape) i have the same effect. You can see the background-image on the right side. I tryed a lot but nothing helps. Does someone has an idea to fix it?

Template here

Upvotes: 1

Views: 63

Answers (2)

m4n0
m4n0

Reputation: 32255

The causes of the issue are the extended headline Sectionalize. and col-* classes.

Use the below code to reduce the font-size at lower screen size.

@media (max-width: 480px) {
  .v-center {
    font-size: 40px;
  }
}

Remove the col-* classes above .container

enter image description here

Upvotes: 2

Arty
Arty

Reputation: 103

Inside id="section5" you've got <div class="container"> inside 

<div class="col-sm-10 col-sm-offset-1">

Remove this and it should sort it.

Upvotes: 1

Related Questions