A user is experiencing a display issue with product frames on their Shopify store (womber.fr, using Dawn theme). On mobile devices, decorative rectangular frames around products don’t align properly, leaving white gaps between them, while desktop display works correctly.
Proposed Solution:
Another user provided CSS code to fix the mobile layout:
component-card.css fileStatus: The solution has been offered but not yet confirmed as implemented or successful. The issue appears to be a responsive design problem specific to mobile viewports.
I need help with the decorative frames of my products, because as you can see, the rectangles on mobile do not join leaving empty white areas. While on computer, there is no problem of presentation. Can you help me?
My website is womber.fr and I use the dawn theme, the password to access the site is PROPAGANDAAA
Thanks!
Hi @PAUL8 , you can follow these steps:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find component-card.css file
Step 3: Paste this code at the bottom of the file
@media screen and (max-width: 749px) {
.products-grid {
gap: 0px !important;
}
}
If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 
