Reel Slideshow resizing/cropping problem on mobile

Site URL: https://www.gatiodaniel.hu/

Hi,

The slideshow (reel) looks perfect on desktop, but on mobile it crops in and I would prefer to have a slideshow there which might be less tall, but without the cropping. Is there any special code for that? Thanks.

It also create another problem...

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-reel {
    height: 40vh !important;
}
}

6 hours ago, tuanphan said:

It also create another problem...

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-reel {
    height: 40vh !important;
}
}

 

I'm not sure what you mean by it creating another problem, but thanks for the help anyways, I've added the code and now it works great on vertical phone screens. What I've noticed though is that it looks different on horizontal mobile screens now depending on the phone's screen resolution (the images are shrunk on smaller resolutions). Is there any way to work around that?

And when it's a larger resolution screen in horizontal mode, you have to scroll down quite a bit to see the whole image vertically, is there any way to set the height of the slideshow separately on desktop and mobile? Thanks again.

I would like the opposite. I find the reel slideshow too short in length and would like to make it taller. Much like the first image on this thread.

Note: one big center image and snippets of the images on either side.

any takers?

On 11/12/2021 at 12:29 AM, kakers said:

I would like the opposite. I find the reel slideshow too short in length and would like to make it taller. Much like the first image on this thread.

Note: one big center image and snippets of the images on either side.

 

any takers?

Try adjust 40vh in above code