woocommerce cart mobile – product image and title on the same row

[Carlo]

Hi there,

I modified the design of the cart on the mobile view. (see link)
I’d like to have the title of the products on the same row of the image. But when the title is too long, the whole title row goes below the image.

How could I do that?

Thank you. All the best. Carlo

[Tom]

Hi there,

You could try doing something like this:

@media (max-width: 768px) {
    .woocommerce-cart-form__cart-item td.product-name {
        width: 80%;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Carlo]

Thank you Tom!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts