Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 13, 2018 at 7:04 am #996544
    hybridE4t

    If I view a post in desktop view my images appear normally. However, if I switch to mobile view, the featured image loses its original aspect ratio and is replaced with a square image. This image isn’t resized, it’s just hard cropped. As my images are all books, I need to retain the portrait rectangular aspect ratio to stop the bottom of the image from getting chopped off.

    Where can I change the handling for images on mobile to retain their normal aspect ratio?

    PS: The underlying thumbnails should all be fine as my WP media settings ensure they are sized proportionally, rather than to exact dimensions.

    August 13, 2018 at 9:07 am #996580
    Ismael

    Hey hybridE4t,

    Thank you for using Enfold.

    This css code should help.

    .single-post .single-small.with-slider .small-preview {
    width: auto;
    height: auto;
}

    The width and height is set to 180x180px by default.

    Best regards,
    Ismael

    August 13, 2018 at 10:04 am #996601
    hybridE4t

    Thanks. I deleted the width line (otherwise the image is huge) but kept height: auto; and this resolved my issue.

    All sorted thanks!

    August 13, 2018 at 10:41 am #996610
    Yigit

    Hi,

    Glad Ismael could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Images become square (hard cropped) when in mobile view’ is closed to new replies.