Tagged: gallery mobil crop
Dear team, On my draft page below, I use in the middle section a horizontal gallery. Below: “Ein paar Dinge, die hier einfach normal sind”:
it looks fine on laptop, but on mobile the pics are cutted top and bottom. on mobile It does not make a difference to set the gallery with a different percentage of height. the image setting is and shall be: no scaling
How can I ensure that the pictures are not cropped on mobile?
Thanks and best regards,
Tilman!
Hey Tilman,
Thank you for the inquiry.
You can add this css code to apply a minimum height to the horizontal gallery container on smaller screens.
@media only screen and (max-width: 767px) {
.responsive .av-horizontal-gallery-inner {
position: static;
min-height: 400px;
}
}
Result:
Best regards,
Ismael
super, thank you & cheers, Tilman
Hi,
Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
