Remove extra space on product collection

Solved
Sky510
Excursionist
23 0 8

Hi, for some reason my product pages have extra space like its missing a product or something. This recently occurred.

. See images below. Please let know what the issue might be. 

IMG_8750.jpgIMG_8747.jpg

 

thanks.

0 Likes
Pallavi
Shopify Expert
2239 370 485

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Sky510
Excursionist
23 0 8

cielwigs.com

 

pw- gartew

Natztech
Shopify Partner
1394 390 945

This is an accepted solution.

hello @Sky510 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

 

@media screen and (max-width: 591px){
.template-index .grid-uniform{
        display: flex;
       flex-wrap: wrap;
}

.template-collection  .grid-uniform{
    display: flex;
    flex-wrap: wrap;
}
}

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Pallavi
Shopify Expert
2239 370 485

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (max-width: 591px){
.template-collection .grid-uniform {
display: flex;
flex-wrap: wrap;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

Hello @Sky510 ,

Another way you can add "min-height: 350px;
max-height: 340px;" these to your class.

.grid-product {
    width: 50%;
    min-height: 350px;
    max-height: 340px;
}
or
small--one-whole {
    width: 100%;
    min-height: 350px;
    max-height: 340px;
}

Thanks,
Dropshipmate.

Apps Developer Team |
Dropshipmate ‑ Dropshipping

My Answer Is Useful To You? Please Snap Like to tell me!!
0 Likes
Sky510
Excursionist
23 0 8

@Natztech Worked perfectly thanks!

0 Likes
Natztech
Shopify Partner
1394 390 945

Hello @Sky510 

Thank you  for the Update 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store