Solved Horizontal scrolling issue

Hi,

I'm trying to fix a Divi site that for some reason only on a tablet view can scroll to the right. The site doesn't fit within the tab boundaries. First time I've seen this one with Divi.

At first there was a horizontal scrollbar because the top header menu extended further to the right of the content under it. There was white space on the right in the body for the area that the header menu extended farther to the right. For that I put in this fix:

#page-container { overflow:hidden; }

That seemed to fix it. However, using a tablet view (ipad/nook) you can scroll to the right for the entire site. The content extends as far as the right menu now, but we shouldn't be able to scroll left or right on the entire site. I checked a few of our other sites and they don't seem to have this issue.

https://computer-discounts.northeastern.edu/

Any thoughts?

 

Attached a screenshot of the right side of the browser for the original issue where the menu extended further right than the content.

 

FYI, this is a known issue on tablets that will ignore the overflow:hidden property on the html or body tags. An inner wrapper must be created:

Code:

Log In or Sign Up to view this code.

Then set its properties as following:

Code:

Log In or Sign Up to view this code.