[Resolved] Change the related products section and cross-sell section to 2 columns

Home Forums Support [Resolved] Change the related products section and cross-sell section to 2 columns

Home Forums Support Change the related products section and cross-sell section to 2 columns

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2455501
    Sean

    Hello, I used GeneratePress Pro and added the pre-made theme “Seller”.

    I would like to make the related products section and the cross-sell (You May Also Like…) section of the woocommerce single product page on mobile 2 columns. I have changed “Product Columns” to 2 in Customize’s Layout-woocommerce.

    However, the related products section and the cross-sell (You May Also Like…) section of the individual product pages of the site now still have 1 column.

    I don’t know if there is something I am missing, please help me to solve this problem, thanks.

    #2455562
    Fernando
    Customer Support

    Hi Sean,

    Can you try adding this through Appearance > Customize > Additional CSS:

    @media (max-width: 768px) {
        .single-product section.up-sells.upsells.products > ul {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }
    
        .single-product section.related.products > ul {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }
    }

    Let us know how it goes.

    #2455600
    Sean

    Hi, after I added the code, the problem is solved, thank you.

    #2458331
    Fernando
    Customer Support

    You’re welcome, Sean!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.