Using block 11 on my homepage and I’m really disappointed in how it looks on mobile. It stretched an image thats supposed to be 180×135. It doesn’t look right at all.
This is how it looks: http://awesomescreenshot.com/01b4l4ord4
I’ve just been looking at how they manage at http://aplus.com/ and I notice the used a biggest sized picture and scale it down but now try to fit the whole picture but only the center cropped out to match the size.
Would this be possible? or even use the 218×116 version of the image or something.
thanks
Hi,
Unfortunately that happens as the block uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for block’s 11 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/7uaZn7UEvGC ..then regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also consider that changing this thumb sizes will also affect mega menu and module 10 which also use this thumbs.
Hope this helps!
Thanks
Hi Lucian,
Thanks for the reply. I don’t mean to increase the size of the thumb but to use a larger source image instead of a small one which gets stretched. a large image that always gets scaled down so it looks good in all. it shouldn’t fill the whole image because of the aspect ratio but to crop the right size from the source image.
Hope that made sense.
thanks again
Hi,
In that case you can also change the thumb used on module 10 and set it to use a larger one from the one the theme creates. So you can edit the module 10 file and change the thumb size to the one you want from the one available, like this: http://screencast.com/t/QQMxiCMC
You can find all thumbs size in the config file or in theme panel: http://screencast.com/t/eGILCU4e
Please note that after changing this might also need changing the thumb container style and adjust it via custom css.
Hope this helps!
Thanks
