I am using 3 images in a row on the front page of www.zorgboerderijwillemshoeve.nl/index.php.
In mobile view I want them to shrink to the width of the screen. But instead they keep the same size and are cropped on the right side.
How can I solve this?
Kind regards,
Hubert
Yes,
The Image Addon is responsive. But I am using 3 images of different dimensions. In desktop view I want them to show in the same size. if I remove the dimensions in the image addon, then the images (in desktop view) are not the same size!
Hi,
Do not put pixels in images.
I looked at the sample image. It looks like this.
#sppb-addon-1637272132649 img {
width: 640px;
max-width: 640px;
height: 480px;
}What should I do then? I want all 3 amages to have teh same widht and height on a large screen and I want them to fit the width of the screen on mobile.
I tried to set teh width to 100% or to 100vw, but that is not accepted.
Hubert
Hi there!
Thanks for your query.
Are you talking about the Image addon? https://prnt.sc/203h8yg
This addon is a responsive addon as per my knowledge. Please remove specific width/height value from the addon, then it sould be responsive by default.
Here is some screenshots from my end:
Do let me know if it helps!
Best Regards
Have you tried? I think it looks pretty smooth.
In desktop view I want them to show in the same size.
Hi. But the images are distorted, since you specify the size that conflicting with their proportions.
In addition, an increase in the size of the image is more than its real size, worsens the quality.
You need to prepare images in Photoshop, focusing on the maximum size of the screen for which you want it to work.
For example, if you count on the maximum screen width of 2000px, then you must prepare images 667x640.
Hello,
I think you have used tilt effect and scaling both at a time.
I have given you an example of 3 images within 3 equal columns of a row/section. And it seems okay. So, you may try to remove extra size values and effects from each of your image addons to see if it works for you or not.
Please follow Pavel's instructions to prepare your equal-sized images first.
Best Regards
