SHOP PAGE – INCREASE SPACE BETWEEN ROW HEIGHT ON MOBILE

Dear,

How can I increase the space between rows on shop page for mobile only?

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .product-grid-item {
    margin-bottom:150px;
}

Best Regards

Hi,

I tried the provided code but doesn’t work because I’m using a List View 2 columns for mobile. Please check my shop page. In this case, what would be the right css code?

Thanks

Hello,

I do not see the code to have been added to Theme Settings > Custom CSS > Mobile.

Add the code and check on mobile only. On mobile, you have the grid.

Best Regards

Hi,

I re-added it again, please check.

Thanks

Hello,

We have checked and code works. Seems that this is the cache issue.

Best Regards

Please close this ticket, thanks

[Author]

Posts