gallery breaking points

Hey june,

Thanks for the login details. Could you post a screenshot highlighting the problem you are having please?

Best regards,
Rikard

Hi,

Thanks for the clarification. The settings you have selected will sort the images automatically based on a script. If you want different settings for other screen sizes, the you can add a copy of the current element, then select to use a grid in the Styling tab instead. We can help with hiding/showing the correct element for your selected screen size once you have added the copy.

Best regards,
Rikard

Hi,

Thanks for the update. I gave your galleries IDs, and unticked the visibility boxes in the element options. Then I added this to Quick CSS:

@media only screen and (min-width: 990px) and (max-width: 1340px) {
#masonry-gallery-1 {
  display: none;
}
}

@media only screen and (max-width: 989px) {
#masonry-gallery-2 {
  display: none;
}
}

@media only screen and (min-width: 1341px) {
#masonry-gallery-2 {
  display: none;
}
}

Please check if those are the results you are looking for. If it’s hiding/displaying the wrong gallery, then simply switch the IDs around.

Best regards,
Rikard