A store owner reports that on mobile view, single product images display over the product title, making it invisible to customers. The issue resolves itself when multiple photos are uploaded, but persists with single images.
Proposed Solution:
A PageFly support representative provides CSS code to fix the layout issue, with instructions to:
</head> tagCurrent Status:
The store owner cannot locate the </head> tag in their code and questions whether this missing element might be causing the design problems. The discussion remains open as they seek clarification on implementing the fix.
Note: Several code snippets and screenshot images were shared to illustrate the problem and solution.
Hi! I have an issue on product page where all the single photo product photos are over the product title on mobile view. It happens when there’s a single photos but adjusted when uploaded multiple photos. Wonder how to fix this? The customers are not seeing the product title. Thanks!
page
https://hplapidary.com/products/highland-park-10mm-stainless-steel-leveling-foot
Hi @HPL_Joana
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Thanks Richard for your response but I can’t find the in the code.
Is it one of the reason why the design is messed up?
for your reference. Here’s the code.
Thank you very much!
