Jump to content

Increasing gallery slideshow size on mobile

Recommended Posts

Site URL: https://www.stephanilewis.com/ozark

Hello,

I am working on a webpage and have gotten the web view how I would like however I can't find CSS to adjust the height of the gallery slideshow on mobile only. See screenshot below of what it looks like. I would like to increase the height of the slideshow so the bottom of the dark colored bar reaches the bottom of the mobile screen.

URL: stephanilewis.com
PW: newyork11

Thanks in advance.

Screen Shot 2021-09-16 at 11.01.51 PM.png

Link to comment
  • Replies 2
  • Views 677
  • Created
  • Last Reply

Add to Design > Custom CSS > Then save & reload your site

/* Ozark mobile slide */
@media screen and (max-width:767px) {
body#collection-6123158458642907f4af4c5d .gallery-reel {
    height: 70vh !important;
}
}

 

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.