How to Change Portfolio Image Height on Mobile

  • Resolved alchemidesign

    (@alchemidesign)


    5 years, 1 month ago

    On my portfolio page, I would like to change the height of some of the portfolio image blocks. If you visit my page, you will see the first project is called Visit Harford. It is set up as an Image in Visual Portfolio.

    On desktop it looks exactly how I want it to, but on mobile, it’s very short and long because it keeps the same dimensions as on desktop.

    Is there a way to change the height of the portfolio image on mobile so it’s taller? This website shows the effect I’m trying to achieve: https://hawthorncreative.com/work/portfolio/

    I don’t mind if the image is cropped when it’s made taller. Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author nK

    (@nko)

    5 years, 1 month ago

    Hey.

    You can only make it possible with custom CSS. For example, for Masonry layout you can use something like this:

    selector .vp-portfolio__item-img img {
    min-height: 500px;
    object-fit: cover;
}

    Regards, nK.

Viewing 1 replies (of 1 total)

The topic ‘How to Change Portfolio Image Height on Mobile’ is closed to new replies.