Archived topic

Please help with woocommerce layout

1 reply · Started by Arief on June 13, 2020

Viewing posts 1–2 of 2

June 13, 2020 at 7:23 am #1326265

hi could you help me with the woocommerce layout in charge theme? if i open the web in mobile. it looks messy. could i at least align the price to the bottom (above the add to cart button), and align the subtitle in the same line or i should add another plugin for this...really glad if you could help. thank you

June 13, 2020 at 9:34 am #1326552

Hi there.

Try this:

@media (max-width: 768px) {
    .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    span.price {
        margin-top: auto !important;
    }
}

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

This archived topic is closed to new replies.

Start building better websites today.