A user is experiencing layout issues with the Dawn theme, where product images occupy too much space, leaving insufficient room for product descriptions. They’ve shared a screenshot illustrating the problem.
User’s Constraints:
Proposed Solution:
Another participant provided CSS code targeting the Dawn theme to rebalance the image and description areas:
.grid__item, .product-card__image-wrapper, and .product-card__info-wrapper widthsStatus: The CSS solution has been offered but not yet confirmed as tested or implemented. The conversation appears to be awaiting feedback on whether the code resolves the layout issue.
Hello again, I have another question. Can I move the structure of the image and description of my products to the Dawn Theme? I found that in the Dawn Theme, the images have too much space, leaving a small space for the description.
I´m kind of starting so I don´t have much money to pay to upgrade my theme. Is there some CSS code to fix it?
I would appreciate any advice.
Thank you
try adding this to your dawn theme css
@media screen and (min-width: 768px) {
.grid__item { width: 100%; }
.grid__item img { max-width: 100%; }
.product-card__image-wrapper { max-width: 50%; }
.product-card__info-wrapper { max-width: 50%; }
}