Related Products are not aligning correctly

  • Hi There

    I use this theme for a lot of my websites and never had this problem before.

    I only noticed it today as I was updating some information for a client. My related products are not aligned correctly.

    They all seem to be in one row. I have 4 related products and all of them are aligning underneath each other instead of 4 products in one row.

    https://factorycat.co.za/shop/floor-scrubbers/minimag-walk-behind-floor-scrubber/

    Above is a link for reference. All the websites that I use this theme for are now doing this…

    Thanking you in advance for you assistance
    Pam

Viewing 1 replies (of 1 total)
  • Theme Author TT Themes

    (@tomastoman)

    Dear Pam,

    to ensure that the related products are displayed in one row, please use this custom CSS:

    html .woocommerce .related ul li.product, html .woocommerce .related ul.products li.product, html .woocommerce .upsells.products ul li.product, html .woocommerce .upsells.products ul.products li.product, html .woocommerce-page .related ul li.product, html .woocommerce-page .related ul.products li.product, html .woocommerce-page .upsells.products ul li.product, html .woocommerce-page .upsells.products ul.products li.product {width: 22%;}
html .woocommerce .related, html .woocommerce .related ul {width: 100%;}

    Best regards,
    Toams Toman

Viewing 1 replies (of 1 total)
  • The topic ‘Related Products are not aligning correctly’ is closed to new replies.