Move Slideshow Navigation Controls - Stop overlapping with images

Hello,
I'm looking for help moving the navigation arrows of a slideshow in a gallery block. I've attached two screenshots to illustrate the issue. When the image is narrow enough, the arrows are clear of the image, and are positioned with a good distance from it. 

When the image reaches a certain width, the arrows cover up the artwork.

We are not particular on what solution resolves this. I am open to either: a) moving the arrows above or below the slideshow completely, b) adding enough padding or margin around the slideshow to force the arrows to clear it, c) adding padding or margin around the arrows to force them to never overlap the images

Whatever is the easiest solution to achieve having the arrows never overlap the artwork, we'll happily accept!

Thank you so much for any thoughts you could offer.

Hi,

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

Hello @tuanphan! 

The page is here: https://parrot-elk-awab.squarespace.com/squarehelp

I have tried this solution:

.gallery-slideshow-controls {
  position: absolute;
  margin-top: -330px;
  justify-content: center; 
}

It works, but I don't trust margin to translate onto all device sizes. For example, if the image gets bigger, 330px will still land in the middle of the picture. 

But let me know what you would recommend instead. Also, if it's easier for you to find a solution from scratch, I can remove my custom code.

Thank you so much for anything you suggest to help.

Best, Van

On 9/19/2023 at 2:35 AM, Van_h said:

Hello @tuanphan! 

The page is here: https://parrot-elk-awab.squarespace.com/squarehelp

I have tried this solution:

.gallery-slideshow-controls {
  position: absolute;
  margin-top: -330px;
  justify-content: center; 
}

It works, but I don't trust margin to translate onto all device sizes. For example, if the image gets bigger, 330px will still land in the middle of the picture. 

But let me know what you would recommend instead. Also, if it's easier for you to find a solution from scratch, I can remove my custom code.

Thank you so much for anything you suggest to help.

Best, Van

What is password?

Profusely2023