Jump to content

Full screen gallery on mobile is cropping too close

Recommended Posts

I am attempting to decrease the home page's top full-screen gallery/carousel height in mobile view while maintaining a similar (or more zoomed-out) aspect ratio. I have played with this code: 

section[data-section-id="634d520073bf7876f8cb7c7f"] {@media screen and (max-width:767px)

.slideshow-wrapper
{ height: clamp(0px, 56.25vw, 85vh) !important; }

I don't want the exact aspect ratio - as the text overlay won't work. 

Thanks in advance!

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Hi there, that's correct. It works; however, the content within doesn't scale/reposition properly  - so the image remains the original size, and the text and arrows don't reposition within the new size. 

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.