@MiguelMaya - please add this css to the very end of your base.css file and check
@media screen and (max-width: 749px) {
.cart-item {grid-template: repeat(2, auto) / repeat(3, 1fr) !important;}
}
Topic summary
A user running Dawn 15 theme is experiencing a layout issue where price numbers on their cart page are splitting across two lines instead of displaying on a single line.
Proposed Solution:
Another user suggests adding custom CSS to the end of the base.css file. The CSS targets the cart item grid template on screens with a maximum width of 749px, using grid-template with specific column configurations and the !important flag to override existing styles.
Current Status:
The discussion remains open—no confirmation yet on whether the CSS fix resolved the issue. The solution appears to be a responsive design adjustment specifically for mobile/smaller screen widths.
1 Like