Images shrink on screens 22″ and above

  • Hi there,

    I ’ve just find out an issue with how my website’s images are displayed on very large screens (22″ to 27″). The problem is that the images are being horizontally shrunk, resulting in long, thin images with faces cut off when viewed in portrait mode.I tried adding a CSS rule for larger screens, but it didn’t seem to make any difference. I would greatly appreciate any assistance you can offer on this.Thanks a bunch!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for contacting us.

    It sounds like the images on your website are not scaling properly for larger screens, especially when viewed in portrait mode.

    This could be due to the way CSS is handling the images’ width and height ratios. To fix this, you might need to apply more targeted CSS rules to ensure that the aspect ratio is maintained on larger screens.

    Here’s a CSS approach you can try:

    @media (min-width: 1920px) {

    img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain;} }

    This rule targets screens with a width of at least 1920px (adjust the pixel value as needed) and makes sure the images maintain their aspect ratio by using the object-fit property. The max-width and max-height values ensure that the images don’t become too large or overflow their containers.

    Let me know how it works or if you’d like further adjustments!

    Kind regards,

    Plugin Support Nemanja

    (@nemanjat)

    Due to inactivity this ticket has been closed!

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