height of the product image for mobile devises

Hi,

How can I change the width and height of the Products image or mobile devises via CSS.
I would like to have 300px height, and 50px for thumbnails (only for mobile).
Thank you!

Hi,

Please, send us some screenshots where you want to change them and your website link so we can check it.

Regards

Send link to screenshot. https://yadi.sk/i/jVpgB2LM3Zo7sM

Our theme has responsive layout and images on mobile devices are the same as on the desktop devices. They are just scaled to the size of your device’s screen. There are no specific options for images size on mobile devices.

And this can not be done by editing the code? Tell me which files to watch.

You can control your images size in Appearance -> Customize -> WooCommerce -> Product images.

bad, bad, bad. I want to change this

https://yadi.sk/i/KmfhpV1M3ZoHf9
🙁

How exactly do you want to change this? Could you please send us some example of how it should look?

height 300px

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area for mobile and tablet devices in Theme Settings

.product-images {
	max-width:300px;
	margin: auto;
}

excellent

[Author]

Posts