(Squarespace) Move product gallery arrows to top

To move product gallery arrows to top, from this.

like this.

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or email me.

div.ProductItem-gallery-carousel-controls {
    top: 0 !important;
    transform: unset !important;
    justify-content: flex-end !important
}
div.ProductItem-gallery-carousel-controls>* {
    margin: 0px !important;
}

1 Like