Hi @caseiry You can follow add code here in file theme.liquid and above tag :
Topic summary
A user is experiencing image overlap issues in their product description after switching to full-page width layout. The images are too large and don’t resize properly, particularly causing problems on mobile view.
Initial Troubleshooting:
- PageFly support (Noah) initially couldn’t reproduce the issue on their device
- The problem was temporarily resolved when the user realized they had published the wrong theme without the full-page width code
Current Status:
- The issue has resurfaced and remains unresolved
- Noah provided CSS code to add to the theme.liquid file (above the
</head>tag) or at the end of base.css file (with<style>tags removed) - The user attempted both implementation methods but neither solution worked
- Screenshots show the overlap problem persists
Key Technical Details:
- Issue occurs specifically when scrolling down to the product description
- Images can be zoomed out completely on mobile devices
- Solution involves custom CSS code placement in theme files
The discussion remains open with no working solution yet identified.