I am working on two different websites where some of the pictures are cutting off on the mobile them instead of shrinking as the others do.
Also on the website where I am using Prose, those same pictures are cutting off on computer viewing as well.
Is this just a matter of making the pictures smaller? You can see the site in Prose here: http://seedsowersthebook.com/2013/01/15/seeing-the-results-of-seed-sowers/
and my main site using the Sample theme (only problem occurs in Mobile viewing) here: http://bowofbronze.com/amysblog
Thanks! I didn't want to mess with my clients picture sizes unless I have to do so.
In the Seed Site.... you do have the standard picture helper code, using max-width 100% on images. But in the photos that are cut off they have inline CSS that defines a certain width - too wide to fit in that small space, and defining width there also cancels the above max-width setting. Images aren't necessarily given inline widths like that, so my first guess would be playing in the WP editor run amok.
Also, yes, the photos are just too big. This is a symptom of DIY-itis - the client wants to update their own content, and can, more or less, but doesn't have the basic skills needed to edit a photo, nor do they even know that you shouldn't take the photos directly from the camera without editing, because they're unnecessarily huge. The only real solution to this: training. It is true that if the width settings on the photos are removed, the max-width will tend to make the pages look better, but having photos that are still too big will slow the site down quite a bit. And there is a photo editor in WP that works more or less OK, that could be tried.
In any case, for a quick fix, taking width parameters off the photos should help some.
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!