Hello,
I set up a masonry block with posts (6 items, 3 columns). Is it possible to have this switched to 2 columns if screen resolution is less than 1024px (for example) and to 1 column if screen resolution is less than 768px? There do is some “automatisation” (with absolute positioning) but we would like to keep it larger instead of a lot of small pictures
Thanks for your advice!
Best regards,
Jurgen
Hey Jurgen,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
Hi Rikard,
Thanks for checking my question!
I can see that the 3 columns become 2 if less than 768px & this becomes 1 column if less than 481px. As you can see the images are becoming so flat, it is not useful anymore. So I would like to change those “switch points” to get nice big pictures.
I provided the requested information in the private section as the site is still in development so you need to log on…
Best regards,
Jurgen
Hey!
We are working on your ticket please wait while we update the results here soon.
We have added the below code to Enfold > General Styling > Quick CSS
Please check the site and let us know.
/* Masonry points */
@media only screen and (max-width: 1024px) {
#top .av-masonry-entry {
width: 49%!important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top .av-masonry-entry {
width: 100%!important;
}
}
Cheers!
Vinay Kashyap