Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1495487

    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!

    #1495511

    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:

    qfIWPmG.md.png

    Best regards,
    Ismael

    #1495533

    super, thank you & cheers, Tilman

    #1495539

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘horizontal gallery crop on mobile’ is closed to new replies.