Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2016 at 3:46 pm #585446
    Jurgen

    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

    February 19, 2016 at 7:19 am #585882
    Rikard

    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

    February 19, 2016 at 10:19 am #585941
    Jurgen

    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

    February 22, 2016 at 1:28 pm #587079
    Vinay

    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

    • This reply was modified 8 years, 10 months ago by Vinay.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.