Jump to content

Full screen gallery on mobile is cropping too close

Recommended Posts

Posted

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!

  • Replies 3
  • Views 174
  • Created
  • Last Reply

Top Posters In This Topic

Posted

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. 

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.