Images cropped on mobile

On 6/10/2022 at 2:12 PM, Matteo_Ale said:

I noticed it does but the image is loaded, there must be something wrong with the way it should be displayed and I can't manage to understand what...

You try contacting SS Customer Care for this. Then when you fixed it, we will check crop problem

On 6/13/2022 at 1:24 AM, tuanphan said:

You try contacting SS Customer Care for this. Then when you fixed it, we will check crop problem

I am redoing the whole website on SS7.1, I still have the same problem and the code you provided before no longer works.

On laptop this is what I see:

on mobile it becomes:

Ideally I'd like the whole image to be visible on mobile as well.

How can I achieve it? I tried putting the code you povided before in the Design/Custom CSS but it doesn't work

18 hours ago, Matteo_Ale said:

I am redoing the whole website on SS7.1, I still have the same problem and the code you provided before no longer works.

On laptop this is what I see:

on mobile it becomes:

Ideally I'd like the whole image to be visible on mobile as well.

How can I achieve it? I tried putting the code you povided before in the Design/Custom CSS but it doesn't work

It looks like you solved?

https://spaceverbania.com/

4 minutes ago, tuanphan said:

It looks like you solved?

https://spaceverbania.com/

I haven't actually.

It's because the new website isn't published yet.

What you are seeing if you go to that url is the old website where the code you provided does work, in the new 7,1 setup I can't manage and I see what I posted in my previous message.

Any way you can help?

can I DM you the url of the unpublished website with the viewer password?

Thanks a lot

6 hours ago, Matteo_Ale said:

I haven't actually.

It's because the new website isn't published yet.

What you are seeing if you go to that url is the old website where the code you provided does work, in the new 7,1 setup I can't manage and I see what I posted in my previous message.

Any way you can help?

can I DM you the url of the unpublished website with the viewer password?

Thanks a lot

 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] ul {
    min-height: unset !important;
}
}

On 7/8/2022 at 4:12 PM, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] ul {
    min-height: unset !important;
}
}

 

Much better but there still is a bit of cropping on the sides, any chance of fixing that as well?

On 7/14/2022 at 5:20 PM, Matteo_Ale said:

Much better but there still is a bit of cropping on the sides, any chance of fixing that as well?

Can you share link again? I can't find url.

On 7/16/2022 at 10:55 AM, tuanphan said:

Can you share link again? I can't find url.

Sent you a DM

Hi @tuanphan

Did you see my DM?

In any case the new website is now live on the old address (www.spaceverbania.com).

On mobile, and some screen ratios/def on desktop, the images are still a bit cropped...

How can I fix it?

Thanks

Matteo

15 hours ago, Matteo_Ale said:

Hi @tuanphan

 

Did you see my DM?

In any case the new website is now live on the old address (www.spaceverbania.com).

On mobile, and some screen ratios/def on desktop, the images are still a bit cropped...

How can I fix it?

 

Thanks

Matteo

Hi. Try this new code

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] ul {
    min-height: unset !important;
}
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] img {
    object-fit: contain !important;
}
}

On 7/30/2022 at 4:21 AM, tuanphan said:

Hi. Try this new code

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] ul {
    min-height: unset !important;
}
.user-items-list-item-container[data-section-id="62c43ea8bc5b851400758cf5"] img {
    object-fit: contain !important;
}
}

 

Now it's perfect, thanks a lot!

@tuanphan I'm having the same issue on my website. I have a gallery of 16:9 images that crop heavily in mobile view.  I tried the code that you posted above but it doesn't work for me.

On 7/20/2023 at 12:02 AM, Evgeniy said:

@tuanphan I'm having the same issue on my website. I have a gallery of 16:9 images that crop heavily in mobile view.  I tried the code that you posted above but it doesn't work for me.

Hi,

Can you share link to page where you use gallery?

hi @tuanphan the same thing is happening to me on my mobile version of the website like the others. The image in my bio section are cropped pretty bad. I have a image attached. How could I fix this for all the images as I continue to build my site? My site is www.addisonjwright.com

On 8/16/2024 at 4:45 AM, Addo333 said:

hi @tuanphan the same thing is happening to me on my mobile version of the website like the others. The image in my bio section are cropped pretty bad. I have a image attached. How could I fix this for all the images as I continue to build my site? My site is www.addisonjwright.com

I think the man image is file.

With left image, I can't find it on homepage. Which page are you referring to?

Hello, I wonder if you could help us. My client's social sharing image is cropped on Google and Safari search on mobile view. Please see the issue on screenshot "disrupt with impact - Google Search" attached.

The website page url is : https://www.disruptwithimpact.com/

Is there a way to fix this issue? We have no problem on social media so far, only on Google and Safari searches.

I've also updated the social sharing image to a new one. (See screenshot "Latest social sharing image.png" attached). However I'm not sure if Google search previews Squarespace's social sharing image or the page's main banner image. (See attached screenshot "Main banner image"). The banner a single is wide yellow background image plus shadow, then a book image added separately on this section for mobile responsiveness.

Theoretically, Google search or social media platforms should preview the assigned the social sharing image. But it's not working out that way. Please advise.

Cheers,
Zarina