Jump to content

Slideshow:full gets overlapped by section below. How to change that?

Recommended Posts


I added the image gallery (Slideshow:Full) and added pictures. I chose bullets as gallery controls and they are placed below the picture. Depending on the size of the browser, the section below overlaps with the gallery. With that, the lower part of the image is hidden and I don't want that. And the controls disappear, which is contra-productive.

I've already used

section[data-section-id="627d705257b5ff1a4b9e77a0"] {
  min-height: 120vh!important;
  display: block !important;
  position: relative !important;
  object-fit: contain!important;

That helps so that the image doesn't get cropped on the top. I just need something for the bottom now. I hope, anyone can help.


Kind regards,

Link to comment
  • Replies 5
  • Views 366
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...
  • 3 weeks later...
19 hours ago, justine___ha said:


sorry for my late response. No I mean this section gets overlapped from the section below:1483876287_Screenshot2022-07-01at14_30_12.thumb.png.60cf11931434c53a0e72269282f92365.png

In the screenshot above it is a slideshow. The screenshot below shows the overlap, when the website is viewed on a wider screen.



Best wishes,

Add to Design > Custom CSS

@media screen and (min-width:1500px) {
.gallery-fullscreen-slideshow {
    height: auto !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

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.