Mobile Cutting Off Images

[whiskymac]

Hi,

When I look at our website on our mobile website it is cutting off the images, I am using Special Recent Posts plugin and have asked the author but says that there may be an conflict with our theme's stylesheet which is not allowing the Special Recent Posts stylesheet to load properly on the mobile site. I'm using Metro Pro theme and the url is: http://www.underthechristmastree.co.uk Can anyone give me any suggestions as to what we can do to fix this?

Also is there any way to get the sidebar to appear beside the content on the mobile and not showing underneath the content?

Thanks!

http://www.underthechristmastree.co.uk

[pxforti]

I don't think it's cutting off images. Your images sizes are set to hard crop image. That means it crops them to the exact dimensions of the defined image size. You can go into media settings and turn that off for thumbnails.

For metro's custom images, you can turn if off in functions.php; where is says true, change to false.

The problem with doing this is your images will possibly have different heights. The other alternative it to crop the images to the same dimensions before you upload them.

Also, if you do change hard crop to false, you'll have to regenerate your thumbnails. Search wordpress plugins directory for regenerate thumbnail plugin.

add_image_size( 'home-bottom', 150, 150, TRUE );
add_image_size( 'home-middle', 332, 190, TRUE );
add_image_size( 'home-top', 700, 400, TRUE );

---

writeNowDesign
WordPress and Ecommerce Website Design

[whiskymac]

Hi,

Thanks for these suggestion, I will go and give these a go and see what happens.

Thanks again!

[Author]

Posts