-
Posts
-
Hello,
I have a horizontal gallery that should be displayed differently on mobile than on desktop. So I have set 2 and show and hide them accordingly. that works so far, but the change of the image size and the height of the gallery are not taken over, no matter what I do. If I change the images in general, the new images are also displayed, but also in the wrong size. What am I doing wrong?Settings:
I have also tested image size large 1030 x 1030, but it didn’t work either (on the desktop, but not mobile).thanks in advance
best KiM
Hey Blatze,
Thank you for the inquiry.
Have you tried using a different image element, maybe a slider (Fullwidth or Fullscreen), on mobile view instead of the Horizontal Gallery element? If you need the slider to resize based on the dimensions of the images, you can use the Fullwidth Easy Slider. Let us know the result.
Best regards,
IsmaelHi Ismael,
I will check that, but it’s still strange that the Mobile size doesn’t change no matter what I select? Isn’t that what the selection is for?
Hi,
Thank you for the update.
It might be due to the srcset attribute, which allows the browser to select different versions of the image from the available thumbnails based on the current screen size and the device’s DPI. DPI is an important point here, because the browser will not necessarily pick the smallest version on a small phone if the device’s DPI is around 2.5, for example. It will recalculate and compensate for the high-resolution screen and select a larger version of the image, in the case of the first slide, the original version of the image, which is 1335×1333px.
— https://html.com/attributes/img-srcset/
Best regards,
Ismaelhm, but it was not displayed square and not in full size it was always cropped into a landscape format… have already adjusted it now, but somehow that makes no sense. 🤔
Thanks anyway for your effort :)
- You must be logged in to reply to this topic.