Archived topic

problem in the mobile version with the categories

1 reply · Started by maiyet on July 4, 2019

Viewing posts 1–2 of 2

July 4, 2019 at 11:12 am #949137

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

July 4, 2019 at 3:21 pm #949319

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 :)

This archived topic is closed to new replies.

Start building better websites today.