Jump to content

Gap above and below gallery on mobile

By aurorat, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

aurorat Level 4

aurorat

Posted
Posted

Hi, 

This is my first forum post so apologies if this is well covered or I'm missing important info. My gallery is making these big gaps below and above the actual image, on mobile only. Is there a css code or something I can use to fix this? My site is unpublished right now. 

Thanks for any and all help!

image.thumb.png.1ec81d95595038480e75df7472f88b6f.png

  • Replies 7
  • Views 672
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

aurorat
aurorat

Hi,  This is my first forum post so apologies if this is well covered or I'm missing important info. My gallery is making these big gaps below and above the actual image, on mobile only. Is there

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted
3 hours ago, aurorat said:

Hi, 

This is my first forum post so apologies if this is well covered or I'm missing important info. My gallery is making these big gaps below and above the actual image, on mobile only. Is there a css code or something I can use to fix this? My site is unpublished right now. 

Thanks for any and all help!

image.thumb.png.1ec81d95595038480e75df7472f88b6f.png

You can set up a temporary site wide password to share the url with the pass

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

  • 3 weeks later...
  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted
On 10/17/2024 at 11:56 PM, aurorat said:

Apologies, its https://www.auroratapp.com/work/calgarystampede

You try this to Website Tools > Custom CSS 

@media screen and (max-width:991px) {
.gallery-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!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources