Hi,
The table in my dawn theme is not displayed properly. Everything is overlapping (screenshot below)
Page url: https://septemver.com/policies/shipping-policy
Password: 123
Could anyone help?
Thank you in advance
Topic summary
-
Problem: In the Shopify Dawn theme, a table on the Shipping Policy page displayed with overlapping content, as shown in a screenshot.
-
Context/Cause: The table inside the rich text area (.rte) was not sizing correctly, likely due to default styling constraining its width.
-
Fix: Add a CSS override to allow the table to size naturally:
- .rte table { width: auto !important; }
- Implementation: Online Store → Theme → Edit code → Assets → base.scss.liquid; append the rule at the bottom.
-
Outcome: The original poster confirmed the solution worked promptly after applying the CSS.
-
Notes: Images provided were illustrative (issue appearance and where to place the code) but not required to understand the fix.
-
Status: Resolved. No further actions, alternatives, or disagreements were raised.
@Rainson
Hello,
.rte table {
width: auto !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Like This
2 Likes
That was fast. Thank you very much