Navigation
Archive / Shop columns not showing properly
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 11, 2016 at 12:18 am #1210926
    mdmason23
    Participant

    Hello,

    I have the number of shop columns on my website set to 3, but the third column is rolling over to next row. So, my shop now shows 2 products in row 1, 1 product in row 2, and continues to alternate per row.

    I have searched the forums; however, have found no solution to my problem.

    I have had a similar problem in the past. The forum topic can be found here:
    https://community.theme.co/forums/topic/incorrect-number-of-columns-appearing-in-shop/

    I did try removing the code that was added back in February; however, it did not solve the problem.

    Help, please…thanks!
    Monique

    October 11, 2016 at 12:21 am #1210927
    mdmason23
    Participant
    This reply has been marked as private.
    October 11, 2016 at 3:15 am #1211092
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    @media (min-width: 768px){
.woocommerce.product-columns-3 ul.products li.product, .woocommerce-page.product-columns-3 ul.products li.product{
    width: 28.75%;
    margin-right: 3.8%;
}
}

    Hope that helps.

    October 11, 2016 at 5:06 pm #1212097
    mdmason23
    Participant

    Thank you…that fixed the problem!

    October 11, 2016 at 6:19 pm #1212176
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1210926 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>