Add to cart button going off screen

analogozar · April 2022

Hi,

My add to cart button is pushed off screen when on mobile view:

https://echte-volgers-kopen.nl/product/instagram-volgers-kopen/

Even on desktop it looks squashed. I only have this issue with betheme I have attached screenshots of the issue and what it looks like with other teams.

I would be super disappointed if I had to switch themes, betheme is awesome and I already made the homepage with bebuilder, I hope there is a css fix for adding a line break something so the add to cart button can be on it's own line.

betheme screen.PNG

desktop view.png

other theme screen.PNG

thank you ?

Phil · April 2022

Hi,

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS, and check if the display is correct.

.single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
   flex-direction: column!important;
}

Thanks

analogozar · April 2022

? works

Add to cart button going off screen

Comments