Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 7, 2018 at 11:19 am #952609
    intimadecom

    Hello there!
    I’ve created some custom css for the size of the gaps between masonry gallery images.
    I’ve used the following code and it worked out very well.

    .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 25%;
    bottom: 25%;
}

    The Only Problem is on mobile devices and small window sizes, because the pictures got aligned under each other. So basically that’s good, but is there a way to disable the 25% space for mobile?

    Thanks in advance,
    Vincent

    May 8, 2018 at 6:52 am #953148
    Rikard

    Hey intimadecom,

    Please try this CSS instead:

    @media only screen and (min-width: 768px) {
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 25%;
    bottom: 25%;
}
}

    Best regards,
    Rikard

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