Jump to content

How to only switch the size of a picture gallery on the home page for moblie view

Recommended Posts

I need some help Squarespace community! I'm wondering if you can help me, because I cannot find anything online to help. I have a slideshow photo gallery that auto plays through the pictures on my home page. It looks fine on desktop, but the problem is that on mobile it looks horrible and I cannot figure out how to change the size for only the mobile. Again, this is on my home page, so for some reason it is more difficult I think? I want the gallery pictures smaller, but not the rest of the pictures on the cover page (or site). I'm willing to pay to get the answer as I've already wasted too much time trying to figure this thing out. Can you please help? 🙏 You can check it out for yourself: hobblecreekbaptistchurch.com I look forward to your response!



Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Design > Custom CSS

/* Mobile Resize Slideshow */
@media screen and (max-width:991px) {
.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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.