@eaakre
Posted
When inspecting your site when its on a mobile setting, I found the extra space to be on the ".wrapper". On the desktop, it is set to "width: 580px;"
One of the things that worked for me when looking at the mobile version through the "Inspect" tools was to change your @media settings for the wrapper.
From this:
.wrapper{ box-shadow: none; margin: 0; }
To this:
.wrapper{ box-shadow: none; width: auto; margin: 0; }
I don't know if that fixes everything, but it doesn't have the scroll left or right for me anymore.
Marked as helpful
@csparks78
Posted
@eaakre Yes, thank you! Itook your recommendations and also changed the widths to 100% and it looks much better!