collection list margin under images on mobile, Icon Theme

[cbyrn]

Really struggling to find where to adjust the crazy margins added under the collection images on mobile. It defaults to 2 per row on mobile and adds a ton of white space between the collection image and the collection name. The images are all square and sized 2048x2048, set at 1:1 ratio. Surprised I'm not finding anyone else with this issue. Any suggestions?

Icon Theme

https://shopdadaboutique.com/collections

Thank you!

[Amarjyoti · Accepted solution]

Hey @cbyrn,

Looks like the height: 500px CSS is causing this issue. Follow the below steps to fix that.

Navigate to Online Store > Themes > Click on Actions dropdown of live theme > Choose Edit Code

Under the Assets folder find the stylesheet.css file and search for .collection-image.ci and remove height: 500px from there.

Let me know if this works for you.

Thanks!!

[cbyrn]

Yes! Thank you so much, @Amarjyoti ! All fixed.