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

Hi,

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,
Justine

Hi,

Can you share link to page where you use slideshow? We can check easier

sure, it's www.elkejochmann.com

15 hours ago, justine___ha said:

sure, it's www.elkejochmann.com

You mean this section? Coachee-Stimmen

Hi, 

sorry for my late response. No I mean this section gets overlapped from the section below:

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,
Justine

19 hours ago, justine___ha said:

Hi, 

sorry for my late response. No I mean this section gets overlapped from the section below:

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,
Justine

Add to Design > Custom CSS

@media screen and (min-width:1500px) {
.gallery-fullscreen-slideshow {
    height: auto !important;
}
}