Reduce productpage image

Hello, When i look the product in normal view on an iPad. The images are verry big.

How can i reduce the images (only for iPad)

Hello,

First of all, try to set the image size in Appearance > Customize > WooCommerce > Product Image

You can set there width and the height will be adapted accordingly. If it does not solve your issue we shall provide you with CSS, however, please note fixed CSS will make some of the images not presentable. I would recommend you upload images of the same size and proportional.

Best Regards

Hello,

It doesn’t work. im still facing the same problem thats its to big on an iPad. I would like to reduce the image minimal 50%.
Can you provide me the CSS code?

Greets

This is how i have the productpage now on the iPad.

Link with photo https://we.tl/C8tAJNxYee

Hello,

Please try this code:

@media (min-width: 768px) and (max-width: 1023px) { 
    .woocommerce-product-gallery .woocommerce-product-gallery__image {
    	max-width: 50%;
    	margin: 0 auto;
	}
}

Add this code to Theme Settings > Custom CSS

Best Regards

Thanks it works great.

New question:
How can i get the Desktop top bar text into the iPad top bar?

Attachments:

You must be logged in to view attached files.

Hello,

Please navigate to Header builder and switch to the mobile view of your header http://prntscr.com/iyd3v3 make sure you have the same text element in the mobile view of your header.

Best Regards

1. Its working thanks

2. Im facing an new problem with 3 column en 4 column view. When i click on several categories the view jumps in 3 or 4 columns. I set it up to be standaard 4 columns. How can i change this that it wil be always first 4 columns? In the link you will find a video what the problem is.

Link: https://we.tl/fWCoQdBti2

Hello,

I am clicking categories in the order and randomly but cannot watch the problem https://gyazo.com/63ee1a88b2b1207123e36cc618b8ed03

Best Regards

Hello but can you select 3 columns while you click around then you see the problem comes up. Can you look at it? Because i have this problem on more computers the same. Please look good at the video to analyze.

Greets,
Vincent

Hello,

If you choose 3 product column on the page it will show you 3 columns till you switch to 4.

By default it works correctly

Best Regards

Thats strange, can you provide me standard CSS code for this?

I look at you own page and there i saw the same problem. Do you have an other solution for this?
Here is the video: https://we.tl/PyKkY5VO92

Greets,
Vincent

Hello,

The way it works is the way it should work and it cannot be fixed because this is not the error. If a user wants to have bigger grid items he can switch from 4 to 3 and then switch it back. If the user does not switch anything he will see the grid you have configured.

Best Regards

[Author]

Posts