I’ve been creating my page and I checked the product page and all of a sudden everything is overlapping, if i get rid of the suggested products the accepted card payment options is also still overlapping.
Topic summary
A user encountered overlapping sections on their product page using the Dawn theme. Specifically, elements were overlapping regardless of whether suggested products were enabled, and accepted payment card options were also displaying incorrectly.
Resolution:
After the user shared their store URL and removed password protection, a solution was provided involving custom CSS code:
- Navigate to Online Store → Edit Code
- Locate the theme.liquid file
- Insert specific CSS code above the
</body>tag
The solution successfully resolved the overlapping issue. The problem appears to have been a CSS conflict causing layout elements to stack improperly on the product page.
Hey @gracieloo704
Kindly share your Store URL and Password if enabled
https://ea2054-2.myshopify.com/
i removed password
Hey @gracieloo704
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 Regards,
Moeed
1 Like
Perfect thank you!