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

    Hey,

    I use a masonry element, most of the images have the size 495×400, but only one has a landscape view. Is it possible to change the size of just this one image on mobile devices? Because the image nearly disappears…
    id=av-masonry-1-item-604 > I didn’t find out a css-code, that works.
    Thanks in advance.

    Best regards,
    Sonja

    #1170896

    Hey Sonja,

    Thank you for the inquiry.

    Would you like to adjust the height of the landscape image? This css code should help.

    @media only screen and (max-width: 767px) {
        .responsive #top .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer {
    	padding-bottom: 70%;
        }
    }

    Default bottom padding value is 40%.

    Best regards,
    Ismael

    #1172139

    Hey Ismael,
    perfect, that’s it. Thank you, you can close the thread.

    Best regards,
    Sonja

    #1172338

    Hi Sonja,

    Great, I’m glad that Ismael could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry size setting on mobile devices’ is closed to new replies.