Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #585446

    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

    #585882

    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

    #585941

    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

    #587079

    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, 8 months ago by Vinay.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.