Gallery responsive design issue on mobile

Hi, I am building a site on 7.1 which has a portfolio area which holdis individual project case studies. Each project has a gallery slideshow (full width with bullet transitions). On desktop is works fine. On mobile the gallery has completely lost it's aspect ratio and is now portrait (extremely tall and thin) and therefore gives an awful crop. All other static images behave correctly. I have see other sites using the gallery and the aspect ratio is largely retained.

If anyone has got a workaround or can help it would be appreciated?

Hello,  
I have the same problem! Would love to know how to solve this issue as well.

Thanks!

2 hours ago, eleonored said:

Hello,  
I have the same problem! Would love to know how to solve this issue as well.

Thanks!

Hi, Afraid I didn't manage to sort it. I have just had to live with it. It seams odd that just this element that can't behave properly when reducing to smaller devices. I made numerous contacts with the help team but I don't think they saw it as a problem, just the way the site behaves.

33 minutes ago, kayeandco said:

Hi, Afraid I didn't manage to sort it. I have just had to live with it. It seams odd that just this element that can't behave properly when reducing to smaller devices. I made numerous contacts with the help team but I don't think they saw it as a problem, just the way the site behaves.

So weird!! thank you for letting me know!

This is driving me crazy!

There must be a solution?

On 6/19/2020 at 6:45 AM, mrjp said:

This is driving me crazy!

There must be a solution?

Hi. Sorry for the late reply. Can you share link to gallery? I think we can help with this problem (not sure, need site to check)

Hi,

Thanks for your reply. In the end we took them off the site and used indented blocks rather than full screen.

You can try to use the below code >>>

section[data-section-id="625e5b6ea49a066a88df21f9"]{
@media only screen and (max-width: 640px) {
.gallery-fullscreen-slideshow {
    height: 40vh !important;
}

}
}

[data-section-id="625e5b6ea49a066a88df21f9"] will your own id code.