I need to remove the spacing between the images on my product pages so that you cannot see part of the next image on the sides. I highlighted the spacing which need increasing with a green line in my image. This issue is only on mobile version! [culley62_1-1747710139728.png]

I’d scroll down to the “Custom CSS” setting of this section and paste this code: .product__media-list.slider--mobile { scroll-padding-left: 0; } .product__media-list.slider--mobile .slider__slide { width: 100%; }

Hello @culley62 Go to online store ----> themes ----> actions ----> edit code ----> base.css add this code at the end of the file and save. @media screen and (max-width: 749px) { .grid--peek.slider .grid__item:first-of-type { margin-right: 1.5rem !important; } } result [1.png] If this was hel…

Change spacing between product image on product page

Shopify Discussion

culley62 May 20, 2025, 3:21am 2

www.lungtank.com

Topic		Replies	Views
How to reduce space between product images to no space at all (MOBILE) Store Design troubleshooting	4	78	May 6, 2024
Remove Gaps Between Product Images Store Design design , customizations , css , third-party-themes , shopify-themes , html , product-page	5	107	August 3, 2024
Spacing between product image and description on mobile Store Design	20	98	July 6, 2022
How to restore space between product images? Store Design collection-page	5	30	December 11, 2023
No border space between pics in product page - Dawn Theme Store Design design , shopify-themes	3	52	March 20, 2023

Change spacing between product image on product page

Related topics