How to adjust padding between product images on mobile?

Hello guys,

I want to increase the padding between the product images on sense theme on mobile. Basically I want to get the 1st product image to stay in the middle of the screen and the second image to stay out of the screen if not chosen. I want the first product picture to be in the center and clean without a second one being there. This is the link to the store and product images https://beautlee.com/products/order

Hi @Titina17 !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

Please paste this code at the bottom of base.css under assets in theme code files

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
padding-left: 13px !important ;

You can use px as you want.

Like this;

Best Regards;

PageFly

Okay I did that but if I add too many px my first image is getting cut. I need also to increase the space between the first and the second photo at least.