Hi guys, Im experiencing this issue on mobile display where my product images and name are overlapping on each other. Is there any way to fix this. Issue picture attached; [Screenshot 2023-10-14 at 11.31.08.png]

Hi @Naveed5 I have written a CSS to fix the issue. Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag If I managed to help you then, don't forget to **Like it** and **Mark it as Solution!** Best Regar…

Can you save the changes and review this on actual mobile? In most of the case mobile layout doesnot look like this in real. Also can you please provide link to your site. I will review it and give u a feedback.

Yes sure. It lookes the same asfter its saved the link: https://urbane-madeforrealmen.myshopify.com/

Hi Makka! I am having a similar issue, but unfortunately the solution you created did not work for me. The overlapping images on the carousel look just as they did before inserting the code. Thanks for your help! [Screenshot 2024-12-06 at 1.33.35 PM.png]

How can I fix overlapping product images on mobile display?

Shopify Discussion

theycallmemakka December 7, 2024, 10:04am 7

Hi @Jennifer_Owens ,

Can you provide link to your store.

Topic		Replies	Views
Why are my slider images overlapping on mobile and how can I fix it? Store Design design , customizations , troubleshooting	2	46	April 21, 2023
Tinker theme Product carousel on mobile is not uniform Store Design css , shopify-themes , troubleshooting	4	109	May 21, 2026
Text over lapping on image on Mobile Brooklyn Theam Store Design	5	38	March 19, 2022
Why are images overlapping on my Dawn Theme product page? Shopify Discussion troubleshooting	11	181	October 6, 2023
Why doesn't my cart image display on mobile? Shopify Discussion troubleshooting	2	43	April 11, 2024

How can I fix overlapping product images on mobile display?

Related topics