Tagged: , ,

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

    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.


    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,


    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!




    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,

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