Jump to content

Reel Slideshow resizing/cropping problem on mobile

Recommended Posts

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.

120186234_2418870035080945_4989085664879120067_n.jpg

120142791_373140010521701_98275392484029826_n.jpg

Link to comment
  • 1 year later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.