[Plugin: WPtouch] Some article images bleeding over the frame

Hi Gamedot,

If the images are in an element with a fixed width then that is the dimension that will be used. If possible, share the URL of an article in question and we’ll take a look.

Hi,

All of the images are a set width, 600 x 310, but only some of them seem to bleed over the edge.

None of the posts from the last few days have been effected, but one example is https://www.gamedot.co.uk/2012/07/05/transformers-release-date-brought-forward/

Thanks

The image in that example url has, as you noted, a fixed width that is wider than the average mobile device’s screen. But using flexible dimensions, you will ensure that your images scale to whatever size screen used.

Try something like
img.aligncenter {width:100%; height:auto;}

If that was the main cause of the problem, wouldn’t it happen on every post? Every image that we use (excluding screenshots, but they are added as a gallery) has the dimensions 600×320, but only some articles seem to be effected and I can’t figure out why.

Changing the width and height does work, but I’d prefer not to have to do that.

Thanks.

Any screen smaller than the width of your image (600px) will truncate images of fixed dimensions. That is not specific to WPtouch but rather a standard functionality of most browsers. Images that scale automatically likely do not have fixed widths specified, regardless of their dimensions.