Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
You can checkout the mobile layout of commercecanvas on your iphone to see the issue. http://commercecanvas.com/
Even though none of the widths are more than 300px, it allow you to horizontal scroll, and there is a white line of about 20px down the side. Very annoying. Not sure what to check to stop it from happening.
It doesn't do it in landscape mode, so it's like somewhere a width on one of the main elements in the mobile layout is being set to a hard width of 400px or something.
Comments
Comment #1
peteainsworth CreditAttribution: peteainsworth commentedI am having the same issue, though only with 1 site. I have 3 other sites all using Omega 3.1 and they all fit the screen perfectly.
I have discovered a fix which is to put an overflow:hidden; on the body tag - though this feels like a bit of a hack that doesn't really address the root cause.
Comment #2
peteainsworth CreditAttribution: peteainsworth commentedThe main issue with the overflow:hidden; approach is that if you have any content such as an image or a table that is larger than width of the viewport then the user will not be able to scroll across to view it all.
Comment #3
jazzdrive3 CreditAttribution: jazzdrive3 commentedPutting an overflow:hidden on my body element does nothing to help.
Comment #4
susannab CreditAttribution: susannab commentedI put an overflow:hidden on the page tag instead of body tag, this work fine for me.
#page {
overflow: hidden;
}
Comment #5
susannab CreditAttribution: susannab commentedComment #6
jazzdrive3 CreditAttribution: jazzdrive3 commentedsusannab,
That worked for me as well. Thanks!