Site logo

Archived topic

Breakpoint woocommerce responsive

3 replies · Started by Javi on December 20, 2017

Viewing posts 1–4 of 4

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!

Hi there,

You can try adding this CSS:

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

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

Thank you! :)

This archived topic is closed to new replies.