Why are extra images showing on my mobile product carousel?

Shopify Discussion

Topic summary

Mobile product gallery shows an incorrect slide count and alignment issues on iOS.

  • Reported issues: the mobile carousel indicates 10 slides though the merchant believes there are fewer, and only the first image is perfectly centered; images 2–8 show white space on the side. Desktop is fine.
  • Attempted fix: a mobile CSS snippet forcing full-width media items improved only the first image; others remain slightly right-aligned on iOS.
  • Link provided to the product page. Helper could not reproduce the misalignment on their device and asked for device/browser details.
  • Data points: the merchant confirms the theme is Sense and that there are 8 images in the product’s admin listing (earlier they mentioned 9). No explicit mention of videos or mixed media.
  • Hypotheses from helper: the slide counter element may be miscalculating total slides; unusual aspect ratios or a hidden media item (e.g., video) might be included.
  • Status: unresolved. Next steps include verifying device-specific behavior on iOS, checking for hidden/non-image media, and reviewing the counter logic in the Sense theme.
Summarized with AI on January 12. AI used: gpt-5.
1

Hi,

My shopify store’s product page on mobile is saying there’s 10 pictures on the carousel slider but i only have 9. Also, only my first image is centered, the other ones are all aligned to the right. Before they were all off center, but I added some code I found in the discussions and it only fixed the first image, not any of the rest. The code was:

@media screen and (max-width: 767px){
.slider.product__media-list .product__media-item {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
}

How can I fix these two problems?
Thank you

2

link to page?

3

https://theluminastore.com/products/glowtorch

Problem is only on mobile, not desktop

4

The images all look centered to me on mobile. Is it a particular device or browser you’re seeing an issue from?

Regarding the slider count, perhaps there’s something off with the counter element and how it’s calculating the total slides. Are these all product images coming from the admin product listing? How many images are in the admin product listing? Perhaps there is logic that is attempting to use an image or with a weird aspect ratio, or maybe a video, either of which may not be compatible with the slider. Was the slider custom built, from the theme, from a library?

5

On iOS devices the 2-8th pic have a bit of white next to them, while the first one does not. Also there are 8 product pictures from the admin product listing. The slider was part of the theme I’m using which is Sense. Thank you for helping with this