Horizontal Scrollbar on Website

HTML & CSS
1

I’m looking for a container or an element that is causing a horizontal scrollbar at the bottom of this site. It seems to be only on the one page.

If you’re able to see the cause, is there a way to diagnose this using Google/Firefox Developer Tools Box Model?

Thank you,.

2

It can identify the offending element when it shows the outline by highlighting its area.
In this case it look like the first div with the class loader-wrapper is causing the overflow, though I have yet to figure out exactly why, but it’s a start.

3

Ah, no, maybe its not that but the bit with the map on it further down.

4

It’s the #travel3d and #GalleryBlog elements where you have 30px negative side margins which are causing the scroll. The other elements have 15px negative margins.

Try this:

#Travel3D,
#GalleryBlog {
    margin-left:-15px;
    margin-right:-15px;
}
1 Like
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.