Thumbs size in mobile

Hello developers,

I would like to increase the thumbs size in mobile theme top grid. Because many of thumbs are cropped such method that image content is out of view.

I’ve done it with code:

.td_module_mob_2 .td-module-thumb {
height: 200px; }
.td_block_big_grid_mob_1 .td_module_mob_2 img {
top: -50px;
position: relative; }

And I’ve changed the cropping method in td_741x486 from array( 'center', 'top' ) to array( 'center', ‘center’ ) for the more appropriate visuality.

Everything is OK but on small devices (e. g. iPhone 5 with 320×568 screen) under the thumb images appears the gray field.

How can I slide, move or zoom thumb images with correct way? For example, scale from the center to fill out the whole space of the thumb.

Thanks.

Hello Catalin,

Thanks for answer.

Is it any appropriate solution with CSS?