As the title says, while I've managed to get my website to display properly at higher resolutions, I am still having difficulty getting it to display properly on mobile devices, specifically iPhone/iPad since I have them available to test.
The issue with the entry content text overlapping the image placed in the content and positioned at the bottom. I have played with trying to set a min-height in the css for the content and or entry-content, but this does not work. I have played with the height settings as well, however I am just not sure how to proceed. It seems that for some reason the iphone/ipad is not changing height to accomodate for both entry text and entry content.
Here is my website if you'd like to see the problem on your iPhone or iPad: http://www.bookboxshop.com
Here is a link to a screenshot of the problem on an iPad:
Any suggestions or ideas would be appreciated.