Home › Forums › WoodMart support forum › SHOP PAGE – INCREASE SPACE BETWEEN ROW HEIGHT ON MOBILE

SHOP PAGE – INCREASE SPACE BETWEEN ROW HEIGHT ON MOBILE

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 12, 2019 at 2:09 pm #143514

    Jeriss Cloud Center
    Participant

    Dear,

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

    Thanks

    September 13, 2019 at 6:56 am #143627

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

    September 13, 2019 at 8:15 am #143654

    Jeriss Cloud Center
    Participant

    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

    September 13, 2019 at 10:33 am #143718

    Elise Noromit
    Member

    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

    September 13, 2019 at 11:19 am #143733

    Jeriss Cloud Center
    Participant

    Hi,

    I re-added it again, please check.

    Thanks

    September 13, 2019 at 1:34 pm #143770

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    October 6, 2019 at 5:17 pm #148732

    Jeriss Cloud Center
    Participant

    Please close this ticket, thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘SHOP PAGE – INCREASE SPACE BETWEEN ROW HEIGHT ON MOBILE’ is closed to new replies.