Add to cart button going off screen

analogozar

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

analogozar

🤩 works