Hi everyone,
I’m using the Fabric theme for my store (password: Bastard22) and I noticed that the product card in collection page spacing looks different on mobile compared to desktop. On desktop, the spacing looks good, but on mobile it feels tighter.
I’d like the spacing on product cards to be the same on mobile as it is on desktop. Could someone help me figure out what CSS or settings I need to adjust to make this consistent across devices?
Thanks in advance!
Hello @liazmtushar ,
I hope you are well!
I checked and confirmed that your store is password protected. Can you please provide the password so that I can check it and provide you the CSS which will help fix the gaping on the mobile device of the card.
Yeah, that’s a pretty common thing with themes, they often tighten up spacing on mobile so more products fit on the screen. In Fabric it’s most likely controlled by the CSS breakpoints, either on the product card itself or the grid it sits in.
Have you noticed if it happens across all your collection pages, or just certain layouts? That will make it easier to see if it’s a global rule or something more specific.
@liazmtushar hello, I checked linked on desktop mobile view and it looks fine, did you make the change?
