Large right side margin on mobile and site can float off the screen.

[Ted]

I'm working with a modified version of Outreach Pro. I noticed on mobile devices @600px and smaller, there is a large right side margin and I can actually swipe the site to the left with my finger and push it out of view.

I've been looking through the css for days now and trying different things but can't seem to nail this one down.

Anyone know what this might be?

Here's the site I'm having the issue with: http://imageperceptions.com/mossberg/

Thanks so much!

Ted

http://imageperceptions.com/mossberg/

[Robin]

Not sure why you're having it, and this may just mask the issue rather than fix it, but you might try adding:

.site-container {
    overflow: hidden;
}

to your stylesheet. I had a similar issue on a site and that fixed it--seems to work when I add it to your site using Chrome Developer Tools. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Ted]

Robin!

Thanks so much, that did the trick! Thank you!

Ted

[Author]

Posts