Jump to content

How do I keep my front page slideshow from displaying too big on mobile?

Recommended Posts

Site URL: http://www.shaesandersbooks.com

Hello,

I can't seem to figure out how to fix this issue. I've searched and found other posts on this and I've tried some of the CSS code solutions that were given but nothing has worked so far. 

I would like my site to properly shrink the images in the slideshow on my front page so that they appear on mobile the way they so on desktop.

Link to comment
  • Replies 4
  • Views 879
  • Created
  • Last Reply
  • 3 months later...
11 hours ago, EWing said:

Hi @tuanphan I am having the same problem on my " home page" here: https://www.lifephotographyoregon.com/home

It is not designated as my home page in Squarespace because I have a landing page first.

I have tried lots of different things and I can not get the slide show to show the same way on mobile as it is on desktop. 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
body#collection-5f30576a2f13c570480b5556 .gallery-fullscreen-slideshow {
    height: 30vh !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.