[Resolved] Breakpoint woocommerce responsive

[Javi]

Hi there,

I have a problem with the Woocommerce responsive layout. The “add to cart” buttons overlap themselves before the responsive breakpoint (have a look here: https://chuchesxiana.com/momentos-especiales/?lang=es).

I have to add a media query, but I am not sure which CSS I should use. I just want to increase the breakpoint px. Now it seems it is at 615px (I have no idea why… it supposes to be at 768px :s)

Many thanks in advanced!

[Tom]

Hi there,

You can try adding this CSS:

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    white-space: initial;
}

[Javi]

This is great, many thanks Tom!
Donation on its way 🙂

[Tom]

Thank you! 🙂

[Author]

Posts