puroxialberta

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 19, 2021 at 10:17 pm in reply to: Store only shows 1 item per row on mobile #29260
    puroxialberta
    Participant

    Update:
    I changed padding: 2px; to margin: 1.0014% !important; instead so the spacing would work properly across screen sizes. 1.0014% is the highest I could go and still have it work properly across all screen sizes.

    January 19, 2021 at 9:17 am in reply to: Store only shows 1 item per row on mobile #29243
    puroxialberta
    Participant

    That didn’t work – I’m pretty sure there’s an option in the customize GUI to do that. However, I managed to figure it out. Adding the following to the additional CSS fixed it:

    .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product {
	padding: 2px;
	float: left !important;
}

    It’d be nice if padding was only applied in between the items, but this will do just fine.
    Thanks!

    January 17, 2021 at 12:58 am in reply to: Store only shows 1 item per row on mobile #29183
    puroxialberta
    Participant
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
Scroll Top
Scroll Bottom