Masonry size setting on mobile devices

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 6, 2020 at 5:07 pm #1170782

wpsonja
Participant

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
Moderator
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
Participant

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
Keymaster

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.