@cherie: See one workaround here.
@nikeo: The image display is is a big problem on iPhones, where just pixels are at a premium with just 320 to spare. The blog-post layout looks really squashed up because the theme tries to keep the text side by side with the image and there simply isn’t room on an iPhone.
This summarises the current problems (Cherie’s problem above is explained by problems 2 and 3 below.
Problem 1. The slide captions don’t work on < 480px screens. See effect here. Solution here.
Problem 2. There is extra padding of 20px in the body at < 767px. You can see the effect of this in the first image above and (more evident) here. The solution to remove it is here, which results in a much better image—see before and after.
Problem 3. Removing the extra padding, using the solution to problem 2, gets rid of some of the cropping and “squishing” that Cherie describes above. However, it doesn’t resolve the fundamental problem that on the iPhone / Blackberry / many Motorolas, there simply isn’t enough room to show the circle next to the blog post extract in portrait mode (<480).
Additionally, the circle is now so small that the image viewhole /peekhole is so small that it is meaningless. For example, I have an image of a chair in one of my posts; by the time it’s reduced to fit side-by side with text, all you can see are the legs of the chair—not very useful. On the Customizr demo site, the pencils image, which is lovely on the desktop is no longer meaningful once reduced to iPhone circle-size.
Would it be possible—in media < 480px—to flow the circles so that they appear below the post? Or alternatively—better—below the heading but before the post content?
If it’s not possible to do this for the theme as a whole, could you (or anyone) tell me how to modify the code to achieve this on my sites?
Thanks, as ever, for all your hard word and responsiveness—pun intended ??
