Images Cropped Badly in Horizontal Gallery On Mobile - Support

Tagged: enfold, horizontal gallery, Photography demo, portfolio item

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 25, 2021 at 3:21 am #1302113
dameonjamie
Participant
I was surprised to see this morning that the images that I had in a horizontal gallery > portfolio item > on a mobile device were cropped really badly.

https://www.wildsugar.art/portfolio-item/wild-sugar-shoot-shania-bolen/

here is how it looks on a desktop:

Here is how it looks on a mobile device.

I have tried many different settings to resolve this and have searched your forum high and low for a resolution but I see nothing.

I have had to change the galleries on my 3 most recent portfolio items.

I shudder to think what anyone would have thought coming to my website after seeing badly cropped images like that. I’ve been gutting my website on my wife’s birthday trying to fix this. she’s absolutely furious.
- This topic was modified 3 years, 5 months ago by dameonjamie. Reason: images shared from Google Drive do not display
May 26, 2021 at 8:10 am #1302375

dameonjamie
Participant

I paid to renew my support. Do I need to show my receipt? Can I get some help with this?

May 27, 2021 at 7:41 am #1302537
Ismael
Moderator
Hi,

Thank you for the inquiry.

You can add this css code to adjust the size of the images on mobile view.
```
.responsive .av-horizontal-gallery-img {
    height: 100%;
    width: auto;
}
```
By default, the width the of the horizontal gallery images on mobile view is set to 100% and the height is set to auto to keep their aspect ratio.

Best regards,
Ismael
May 27, 2021 at 8:35 am #1302548

dameonjamie
Participant

Hi @ismael That worked. :-)

May 28, 2021 at 11:54 am #1302806

Ismael
Moderator

Hi,

Glad to know it worked. Please do not hesitate to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael
Author

Posts