Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2022 at 2:59 am #1363012
    rmatus

    My gallery is working perfectly on desktop. Love it. But, the images are being chopped on mobile.

    Here is mobile. Notice how the WELCOME TO PITTSFIELD image, the first in the gallery, is horizontal and small. https://imgur.com/a/fq1Tn2m

    Here is desktop. Notice how the WELCOME TO PITTSFIELD image is actually a screenshot from TikTok and should be quite vertical. https://imgur.com/tR49h0U

    I would like mobile to be shown at 100% height. This is true for all the images. Please check at https://lovepittsfield.com#social-feed to see.

    Thank you.

    August 29, 2022 at 4:55 pm #1363074
    Nikko

    Hey rmatus,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .av-horizontal-gallery-inner {
    height: 320px !important;
  }
}

    Let us know if it helps.

    Best regards,
    Nikko

    August 29, 2022 at 8:20 pm #1363107
    rmatus

    Thank you. It ended up that I had to do the following in the CSS:

    .av-horizontal-gallery {
    min-height: 320px!important;
    }

    For some reason, the @media declaration did not work properly. But, the min-height solved it.
    Also, it worked better when I turned of the focus highlight. It seems that the expansion of the active item did not work well on the phone.

    Thanks again for pointing me in the right place!

    Roger

    August 30, 2022 at 10:49 am #1363168
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.