Thank you @BSSCommerce-HDL ! This has solved point 2. Could you help with code for these two sections to make all images the same size?
Topic summary
A user is customizing their Shopify Dawn theme’s collection list for mobile, having successfully increased columns from 2 to 6 but encountering display issues.
Initial Problem & Solution:
- Header font became too large after column adjustment
- A contributor provided CSS code for
component-card.cssto limit collection headers to 2 rows instead of 3, preventing text truncation
Ongoing Customization Requests:
- User adjusted to 3 columns and needs help standardizing image sizes across collection items
- Specifically wants to correct the “walking kit” image size to match others
- Requests assistance with a third section that should display 4 columns across
Progress Made:
- BSSCommerce-HDL provided custom CSS code to be added in
theme.liquidabove</head>, which successfully resolved one sizing issue - User confirms this solved “point 2” but still needs help with two remaining sections to achieve uniform image dimensions
The discussion includes multiple screenshots showing the layout issues and desired outcomes. The conversation remains active with the user seeking additional CSS solutions for image standardization.
