What code customization did you make?
Topic summary
A user is experiencing issues with desktop collection grid layout after implementing mobile-specific CSS customizations, resulting in oversized images. The problem appears to stem from corrupted or reversed CSS code in their customization.
Key developments:
- Initial code snippet shows garbled/reversed CSS syntax, suggesting a formatting error
- One responder identified stray
__*/__characters that need removal - Another contributor (San from MS Web Designer) provided targeted CSS fixes for different breakpoints:
- 5 columns for screens ≥1000px
- 4 columns for screens ≥700px
- 2 columns for screens ≤999px
Current status:
The solution partially works but remains incomplete—some collections display correctly while others still show only 3 items per row instead of the intended layout. A follow-up question asks whether the issue persists, suggesting the problem may have been resolved after the CSS fixes were applied.