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?