Could you explain why I am unable to scroll the full width of the website? Here is a link: http://codepen.io/anon/pen/EKPaao?editors=1100. Also, what do you think about using this solution for adjusting iframes on different screen sizes? My iframe seems to be losing its position on varying screen sizes, so I'm wondering if there's a better way to handle this.
<div style="border: 1px solid #D5CC5A; overflow-Y: hidden; overflow-x: scroll; margin: 15px auto; max-width: 700px;">
Your browser does not support iframes.