Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 6, 2020 at 5:07 pm #1170782
    wpsonja

    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

    January 7, 2020 at 4:29 am #1170896
    Ismael

    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

    January 10, 2020 at 1:11 pm #1172139
    wpsonja

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

    Best regards,
    Sonja

    January 11, 2020 at 5:01 am #1172338
    Rikard

    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

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