Mobile Device Scrolling to the Right- Desktop Div causing issue? Check first.

When dealing with a mobile design coming from a custom webpage that needed a lot of regions changed on it to not use the branding of the entire site, particularly, no side bars and fixed width. My mobile design was scrolling right because of extra space on the right and you could only see it on an actually mobile device. Mobile device simulators do not catch it.

If you have a scrolling issue in mobile, sometimes it is a div on the desktop page causing the issue.  Using "position: fixed", will break you Y axis scroll (Up and Down).

 

So before you get lost in the information of css options, check you desktop divs.  The solution may be easier than adding a bunch of css attributes.

 

Blog Type: