Solved

brooklyn - remove product recommendation image top and bottom spacing (Mobile only)

vanessaliew
Explorer
52 0 19

Please help me to remove the product recommendation image top and bottom spacing marks in red border (this only happens on mobile view, desktop view is fine), i can't get rid of it, when unclicked it appears to be transparent/ white color like the image beside, it result in so much spacing on the product recommendation area.

4.PNG

Accepted Solution (1)

JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Hi @vanessaliew 

Please add the following code to your theme.scss file:

@media screen and (max-width: 590px)
{
.product--wrapper {
    margin-top: 0px;
    margin-bottom: 5px;
}
}

That should do it! Let me know

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 2 (2)

JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Hi @vanessaliew 

Please add the following code to your theme.scss file:

@media screen and (max-width: 590px)
{
.product--wrapper {
    margin-top: 0px;
    margin-bottom: 5px;
}
}

That should do it! Let me know

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vanessaliew
Explorer
52 0 19

@JHKCreate thank you so much!