Thumbnail resize depending on the device

Hello there. I'm trying to make my design as responsive as possible. Thus accounted with quite a problem.
Fore the desktop resolution (which 70% of the audience use), I use smth like 300px*300px thumbnails in the category. And it looks alright.
Surely, when it comes to resize a window or browse it thru a tablet. it bocomes really ugly, since the thumbnails remain in 300x300 size and its really a problem.
I guess it can be solved by some JS or PHP code which will, thru the backend, resize the thumbnails depending on the device user browse with.
The problem is I don't know what to code.
Maybe you may find it reational to release a feature like that in some future patch or tell me a way I can do it myself.

Regards.

Hi,

Maybe you may find it reational to release a feature like that in some future patch or tell me a way I can do it myself.

Thanks for your feedback, but note that you should probably use some CSS code like media queries and resize your thumbnails regarding the size of the window.

Mohamed Thelji wrote: Hi,

Maybe you may find it reational to release a feature like that in some future patch or tell me a way I can do it myself.

Thanks for your feedback, but note that you should probably use some CSS code like media queries and resize your thumbnails regarding the size of the window.

Woops.
I forgot bout the media queries.
Thank you so much.

This worked for me!

.hikashop_product_image_subdiv {width:100% !important;}