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 @Jennifer_Owens , Can you provide link to your store.

How can I fix overlapping product images on mobile display?

Shopify Discussion

Jennifer_Owens December 6, 2024, 7:39pm 6

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!

Topic		Replies	Views
Why are my slider images overlapping on mobile and how can I fix it? Store Design design , customizations , troubleshooting	2	32	April 21, 2023
Text over lapping on image on Mobile Brooklyn Theam Store Design	5	26	March 19, 2022
Why are images overlapping on my Dawn Theme product page? Shopify Discussion troubleshooting	11	157	October 6, 2023
Why doesn't my cart image display on mobile? Shopify Discussion troubleshooting	2	38	April 11, 2024
How do I fix mobile side menu overlapping product images? Store Design menu , shopify-themes , troubleshooting	4	68	April 27, 2023

How can I fix overlapping product images on mobile display?

Related topics