Jump to content

too much top/bottom space on one section only when viewed on smaller screens

Recommended Posts

Site URL: https://www.linkremovedbyOP.com

Hi all

I'm having trouble with one section on one page only on this website/page - URL removed as it's now a live website


I removed the paddings at the top and bottom of each section id, including the troublesome one here (currently has a temporary pink background).


I think the issue lies with the slideshow/gallery itself. The code I used to remove the top and bottom space here was

.gallery-slideshow.preFade.fadeIn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;


But once the screen size hits under a certain width (I think round about the 960px wide mark) the above code just doesn't seem to apply and I need it to. Does anyone have a fix for me please?

Thanks in advance!

Edited by LouiseF
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Add to Design > Custom CSS > then save & Reload the site

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