Hi, I am using Dawn theme.
The 3rd featured-collection on this homepage looks messy.
https://qyoqwzd6gzyazsy7-62809473262.shopifypreview.com
How can I fix this?
Thank you in advance.
Topic summary
A user encountered a display issue with the third featured collection on their Dawn theme homepage, where the layout appeared messy or broken.
Root Cause Identified:
The problem stemmed from incorrect HTML comment syntax in the first item of the collection. An opening <div> tag was commented out while its closing </div> tag remained active, breaking the page structure.
Solution Provided:
- Remove the
<!-- -->comment tags from the inner<span>element - Ensure the commented-out block doesn’t split opening and closing tags
- Review and correct the featured product liquid code in that section
Resolution:
After implementing the suggested fixes, the user confirmed the section now displays correctly.
A bad comment is probably the source of the problem. In the first item in the broken collection there’s some code commented out incorrectly - you’ve tried to comment out a block that’s inside a commented out block. Remove the from the inner span. The opening div is commented out but the closing div isn’t.
This is the block that’s commented out:
-->
1 Like
Please check and correct featured product liquid code that you are using to display that section to solve this issue.
Thank you so much! The section looks perfect now.