Hey, I’m having an issue with my product page. Especially on mobile devices, my issue is that whenever I click on my product it shows a cluster of my product image, payment buttons, size variations. All of this just overlapping each other. Please I need help to fix this ASAP
Hey, that sounds like a layout/CSS issue affecting your product page on mobile. When elements like product images, payment buttons, and variant selectors overlap, it’s usually due to:
*Broken or missing mobile responsiveness in your theme’s CSS
*A recently added app or custom code interfering with the layout
*Improperly nested HTML or CSS styles that don’t scale correctly on smaller screens
Inspect the Product Template
Go to Online Store > Themes > Edit Code
Open: sections/main-product.liquid or product-template.liquid (depending on your theme)
Check for any custom HTML/CSS added near the product form, image gallery, or buy buttons
Let me know what you get and I will able to give possible answer base on the outcome