Armagh2022_23

On 6/15/2023 at 4:05 PM, paul2009 said:

Can you clarify what you mean by "distorted"? When I view it, the image is cropped (which is the Squarespace default). Are you seeing something else?

Hi So i cant see the fill of the picture ideally what id like is for the picture to become smaller whilst on a mobile. 

If you click on the meet our team on a mobile device it in particular becomes disorted.

https://www.theautismhive.com/team-4

On 6/9/2023 at 2:21 PM, paul2009 said:

It is likely to be cropped for mobile devices, so you'll probably want to add some custom CSS to fix the height so the entire word is visible. If you'd like help with this, please post a working link (a “URL”) to the site. This will allow us to see the issue and test solutions. If you are unsure how to do this, my advice in How to Post a Forum Question provides some detail.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi sorry havent got a response i found this online but doesnt seem to have made a difference really

/* CSS FOR TABLET AND MOBILE */
@mobile: ~"only screen and (max-width: 640px)";
@tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)";

/* CSS FOR TABLET */
@media @tablet {.sqs-block-image {
  width: 50%;
  margin: 0 auto;
}
}

/* CSS FOR MOBILE */
@media @mobile {.sqs-block-image {
  width: 50%;
  margin: 0 auto;
}
}

Hi this is the live link of the website

https://www.theautismhive.com/

Is there a bank of custom CSS I was searching online and i got the photos to rotate on the meet us section but a similar issue when viewed of a mobile device look disorted.

My client has requested this picture but this along with a few others is disorted when viewed on a mobile device.