Gaps in product grid on mobile ICON theme

New Member
1 0 0

Hi there, 

 

I'm updating my site with a new them (Icon) and in my product grid i keep getting gaps appear in the grid and ruins the flow of the site. All the pictures are the same size and have played with the theme border gap too but cant seem to get rid of them. 

 

Any suggestions would be much appreciated!

 

https://vst0mdsdx8zo7gj6-3083534406.shopifypreview.com

 

missing products on grid.png

0 Likes
Highlighted
Trailblazer
529 129 170

Hi, @Nickvinatge ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.gridlock-fluid .row {
    display: flex;
    flex-wrap: wrap;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Shopify Partner
84 16 20

Hello @Nickvinatge 

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.product-details{min-height: 55px!important;}


Best Regards

Parth Bhut

............................................................................................................................


Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: parth.bhut143@outlook.com

Skype: parthbhut7

0 Likes