HTML Widgets / Ads Getting Cut-Off on iPhone/Mobile Site

I just installed Pinboard a week ago, and one of the issues I’m having is that when I add a widget or anything really that uses html code, these items get cut off on my iPhone if they are wider than about 250 pixels.

Here are a couple examples:
1) http://storiesbystephen.com/share-your-story/
I have a Google Docs form to take information on that page, and it is set to 550 px wide. It looks fine on computers, but it cuts off half the form on my iPhone. By comparison, I have a similar Google Docs form on another WordPress site that I run, and it automatically resizes with the whole website to the size of the screen or mobile device. See that Google Docs form here: http://fairfieldkids.com/parentsurvey/

2) http://storiesbystephen.com/2013/11/07/music-review-seeds-family-worship/
I just started this website, and this is the first post that I am trying to monetize with ads. I have a couple iTunes widgets/ads to listen to or purchase music, and I had to resize both of those to less than 250 px wide so they did not get cut off. I also have a Google AdSense account, and when I tried to put banner ads from Google on this post, it did the same thing, cutting off any part of the banner that goes beyond 250 pixels wide.

I thought the purpose of a responsive site is that it automatically adjusts to different types of devices and screen sizes, but my other website http://fairfieldkids.com is not a responsive theme. It adjusts everything on every page to fit whatever size screen, while my “responsive” Pinboard theme just clips things instead of resizing them.

I love this theme and want to stick with it, but this is a major issue, as I play to use a lot of iTunes, Amazon and Google widgets and ads as I build this site.

Can anyone offer any help?!?