Move Slideshow: Reel control arrows position on mobile

June 17, 2023

Hi all,

I'm working on optimising my mobile site and have fun into a problem with my slideshow reel at the bottom of my home page: https://www.spacefromspace.com/

On desktop I have the arrows overlaying the images on the sides, which I like (see below)

However on mobile, the arrows sit below the images. I'd like to move them up to halfway over the images if possible. Thanks!

Edited June 17, 2023 by harryspacefromspace
Formatting error

tuanphan · June 20, 2023

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-reel-controls {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%);
    bottom: unset !important;
}
}

July 2, 2023

Thank you for your help! 😁 (Sorry for the late response)

Move Slideshow: Reel control arrows position on mobile

Recommended Posts

Guest

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Guest

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources