Making my front page better for iPhone

Hi, I have been very happy with the template on my site:
http://www.natesviolin.com

But when I pull it up on my iPhone, there is a problem. On my computer, no matter how I resize my window, the template rearranges the text over my picture properly (with one exception). In other words, it ends with "... no matter where you live or how you play." <Read More>

But on the iPhone in vertical orientation, the text is only readable up to "... the kind of expertise that" and then it is interrupted by the Search box and the rest of the right sidebar items. There's no way for me to scroll to read the rest, and the <Read More> button is also impossible to access. The only way a viewer could read the rest of this article is if they knew to click on the title (Nathan Cole, Violin).

How can I change this? By the way, I can only duplicate this issue on my computer if I play around with the window size. There's always one size where the same issue will happen and I can't scroll to see the <Read More> button.

Many thanks for help!

Could you please post a screenshot of this issue?

Sure thing, this is from my phone, which is an iPhone 5. I can't scroll down to read more text after the words "expertise that":

The problem is with to much of the text on the page. Reducing the font size will not help as the text will become hard to read. So be honest, I have problem with figuring out how to keep the image and text to fit on the screen without reducing text length.