Product Image Overlaps Product Title and Price on Some Mobile Devices
-
Hello WoodMart Support Team,
I have an issue with the Single Product page on my WooCommerce website.
On some mobile devices, the product image overlaps/covers the product title and price, so the title and price are not visible correctly.
The issue is inconsistent:
On some devices, everything displays correctly.
On some devices, the image covers the title and price.
On other devices, the title and price appear over the image.
When the phone is rotated to landscape mode, the problem usually disappears.
I tested the page on different browsers and in Incognito/Private mode, and the issue still occurs.
The problem appears to be related to the responsive layout or positioning of the product image and product information.
Could you please check the issue and let me know what is causing it and how I can fix it?
Thank you for your help.
Best regards.
Attachments:
You must be
logged in to view attached files.
Hello,
I have checked the Single Product page, and the product image, title, and price are displaying correctly without any overlap.
Could you please let us know which device model and browser you are using where the issue persists? This will help us reproduce the issue and investigate it further.
Best Regards
This issue has frequently appeared on iPhone models such as the 13 Pro Max, 14 Pro Max, and 12 Pro; I also tested it using Incognito mode, but the problem persisted.
Best Regards
Attachments:
You must be
logged in to view attached files.
Hello,
Please add the following custom CSS. We’ll fix this issue in the theme in the next update.
wd-single-gallery {
width: 100%;
}
Best Regards.
.
