Images squashed on mobile version of site.

  • Resolved pirateadventurer

    (@pirateadventurer)


    4 years, 10 months ago

    Hello,

    I have an activity website that relies on pictures to demonstrate the instructions. On a PC the images are fine but on the mobile site all landscape images appear squashed horizontally, distorting the image.

    I’m pretty new to website building so if there’s an easy fix or something that doesn’t involve much coding that’d be really great!

    I’m using the theme “Hotel Booking”. When I add a picture to the site I upload it via the ‘media centre’ then resize it using the resize tool on the ‘edit block’ pane.

    The link is for one of the pages where this issue can be seen but it’s a site-wide problem.

    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    We have checked you have uploaded large size your first image in footer widget, also resizing large size in mobile width, so why it’s showing “squashed horizontally”

    You can upload the same size according to your other size images.

    Also, we have made a solution to display the same size as your first image on mobile.

    Please add below CSS in Additional CSS in theme Customize.

    @media only screen and (min-width: 200px) and (max-width: 768px) {

    .footer-widget .wp-image-161{
    max-width: 300px !important;
    }

    }

    Thanks

    Thread Starter pirateadventurer

    (@pirateadventurer)

    Thanks for your reply, it’s sorted now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images squashed on mobile version of site.’ is closed to new replies.