Mobile alignment of products changed - by msjackiemack

This topic has 4 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

  • Avatar: msjackiemack
    msjackiemack
    Participant
    November 16, 2018 at 10:58

    Hi,

    Since the recent theme update, my products are no longer centred on mobile devices and appear aligned to the left. https://prnt.sc/lj2jn5

    How can I fix this and have them centred?

    thanks,

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 16, 2018 at 16:35

    Hello,

    Please try to add this code in style.css file of the child theme:

    @media only screen and (max-width: 992px) {
    	.products-grid .product, .products-grid.product-count-3 .product, .products-grid.product-count-3 .product:nth-child(5n+1):first-child, .products-grid.product-count-3 .product:nth-child(4n+1):first-child, .products-grid.product-count-3 .product:nth-child(3n+1):first-child, .products-grid.product-count-3 .product:nth-child(2n+1), .products-grid.product-count-3 .product:nth-child(n) {
    	    margin-left: 15px !important;
    	    margin-right: 15px !important;
    	}
    }

    Do not forget to clear cache before checking the result.

    Regards

    Avatar: msjackiemack
    msjackiemack
    Participant
    November 16, 2018 at 16:59

    Thank you – that fixed it.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 16, 2018 at 17:03

    You’re welcome!

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.