[Support request] problem in the mobile version with the categories

Home Forums Support [Support request] problem in the mobile version with the categories

Home Forums Support problem in the mobile version with the categories

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #949137
    maiyet

    Hi,
    I have the mobile version of an online store and the categories appear with the space for 2 to appear and I want to see a single column of categories in the mobile version, how can I edit the code to appear? I want the category to cover the screen in a single column and the title of the category appears centered blob:https://web.whatsapp.com/28acb200-a365-4ae9-ab16-d22ceffdce22

    #949319
    Leo
    Staff
    Customer Support

    Hi there,

    This is actually controlled by WooCommerce itself and not GP.

    This CSS should help you to get started:

    @media (max-width: 768px) {
        .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
            width: 100%;
            float: none;
        }
        .woocommerce-loop-category__title {
            text-align: center;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Hope this helps 🙂

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