Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 12, 2023 at 6:14 pm #1427902
    NicomIT

    Is there a way to add breakpoints to the Enfold Gallery feature (https://kriesi.at/themes/enfold/shortcodes/gallery/). The Masonry Gallery does a nice job resizing itself as the screen/device gets smaller. But the regular Gallery doesn’t do that. I have a 5 column Gallery set-up and since all 5 columns do not change/reposition for smaller devices, the images displayed in them are very hard to see. Thanks.

    December 13, 2023 at 2:57 am #1427935
    Nikko

    Hi NicomIT,

    Do you want to make it one column for mobile devices?

    Best regards,
    Nikko

    December 13, 2023 at 1:33 pm #1427992
    NicomIT

    Hi Nikko,
    Two columns would be fine.
    Thanks!

    December 15, 2023 at 12:57 am #1428166
    Nikko

    Hi NicomIT,

    Please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #top .avia-gallery-thumb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  #top #wrap_all .avia-gallery .avia-gallery-thumb a {
    float: none;
    width: 100%;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    December 15, 2023 at 1:29 pm #1428209
    NicomIT

    Thanks Nikko. That worked great.

    December 15, 2023 at 3:01 pm #1428227
    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

    December 15, 2023 at 8:16 pm #1428244
    NicomIT

    Hi Rikard.
    You should be fine to close it.
    Thanks.

    December 16, 2023 at 5:05 am #1428253
    Nikko

    Hi NicomIT,

    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile Options & Resizing for Enfold Gallery Feature’ is closed to new replies.