CODEWITHSUNDEEP
htmlcsshorizontal-scrolling
user2679436
user2679436

Reputation: 418

Reason for horizontal scrollbar on web page

If someone could be so kind to help me identify why this site is showing an horizontal scrollbar, I'd appreciate it as I'm having a hard time finding it. This site uses Bootstrap, and custom CSS that includes overrides is in /css/main.css.

Thanks in advance.

Upvotes: 0

Views: 1407

Answers (1)

Felix
Felix

Reputation: 541

Using Firefox', Chrome's and I think even IE 11's developer tools, you can figure out which element is wider then the screen. In your case it's the <div class="row top75 text-center main-row">, which appears to be 30px wider. So take a look into your rules and you find

.row {
  margin-left: -15px;
  margin-right: -15px;
}

which is causing your problem with horizontal scrollbars. Remove it for this div and you should be good to go.

Upvotes: 1

Related Questions