Masonry thumbnail gets cropped on mobile

Support Forums for LiveMesh Themes & Plugins Forums Wired Theme Support Masonry thumbnail gets cropped on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22220
    SperziemoneSperziemone
    Member

    Hi,

    My support expires today, but I have one last issue on http://www.supertiny.nl

    On the homepage in the masonry, one image is not displaying correctly on mobile. It’s a vertically longer image than the rest, just like this project which is long in the masonry:
    https://www.livemeshthemes.com/wired/portfolio/eget-ultrices-tortor/

    On desktops it’s fine, but when all images are displayed vertically (like on mobile), the long image is as high as the other images, which causes it to be cropped, which is ugly. I tried playing with column sizes for the thumbnail but that didn’t help.

    How can I fix this to be like the Wired demo? 🙂
    This will be my last question, so I wanted to thank you guys for the help you’ve given in the past weeks!

    #22234
    VeenaVeena
    Moderator

    Pls upload images having same aspect ratio and see if that makes any better .

    #22237
    SperziemoneSperziemone
    Member

    Same aspect ratio as what? The other portfolio images?

    Cause that would mean the tall image will be the same as the default images, so the masonry won’t stay like this. I need the masonry to just stay like this on desktop, but the yellow image gets cropped on mobile. While in your demo the vertical image remains in tact on mobile.

    Your “portfolio9-tall.jpg” is 750 x 1000 pixels, and my image is exactly 750 x 1000 as well, so that can’t be it.

    Attachments:
    #22253
    RaghavendraRaghavendra
    Moderator

    Such a beautiful site and great portfolio – congratulations! Regarding the issue – pls check this piece of code in your custom CSS –

    img{width:100%;object-fit:cover;height:250px}

    which kicks in mobile resolutions. If removed, the image will look fine. If you face one or two issues in future, pls feel free to contact us here. Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.