Hello everyone,
what am I doing wrong? on desktop everything is fine but on mobile the pictures are hard cropped and this shouldn’t be. Does it have to be set differently or where is the mistake?
Here the link:
A horizontal gallery is adjusted to the width of the content.
Thanks in advance! Greetings KiM :)
Hallo Zusammen,
was mache ich falsch? auf dem Destop ist alles in Ordnung aber auf dem Handy sind die Bilder hart zugeschnitten und das darf nicht sein. Muss das anders einstellen oder wo ist der Fehler?
Her der Link:
Eingestellt ist eine horizontale Galerie auf Inhaltsbreite angepasst.
Vielen Dank im voraus! Gruß KiM :)
Hey Blatze,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue? This is how the horizontal gallery looks on our end. (see private field)
Best regards,
Ismael
Please have a look on a mobile device, NOT the developer tool from your browser… there it works…
but on the phone it looks like this:
Best regards,
KiM
Hi,
Thank you for the screenshot.
Try to add this css code in the Quick CSS field to disable the transform property and adjust the position of the image.
@media only screen and (max-width: 767px) {
.responsive .av-horizontal-gallery-img {
height: auto;
transform: none;
top: 0;
position: relative;
left: 0;
}
}
Please make sure to toggle the file compression settings or disable it temporarily.
Best regards,
Ismael
This works! Thank you! :)
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike