How can I ensure that the buttons stay neatly in the field of the gray area on a mobile device?
Hi,
Can you send me a link directly to this page, please?
I was able only to find this:
Best regards
Of course Phil , no problem; https://jene.nl/product-categorie/meubelen/zitmeubelen/stoelen/
You can actually see it in your example. The heart for adding to the wish list is also outside the product field.
Please try the following CSS code:
.woocommerce-page ul.products li.product .mfn-li-product-row-button{ flex-direction: column!important; margin-right: 0!important; }
Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Unfortunately no difference yet. In this case we use a Samsumg S23 with the Chrome browser.
Please also try the following code:
@media only screen and (max-width: 767px){ .archive.woocommerce .button{ padding-right: 15px; padding-left: 15px; font-size: 12px; line-height: 14px; } }
Thanks
It works great! Thanks Phil.
Comments
Hi,
Can you send me a link directly to this page, please?
I was able only to find this:
Best regards
Of course Phil , no problem; https://jene.nl/product-categorie/meubelen/zitmeubelen/stoelen/
You can actually see it in your example. The heart for adding to the wish list is also outside the product field.
Please try the following CSS code:
.woocommerce-page ul.products li.product .mfn-li-product-row-button{ flex-direction: column!important; margin-right: 0!important; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
Unfortunately no difference yet. In this case we use a Samsumg S23 with the Chrome browser.
Please also try the following code:
@media only screen and (max-width: 767px){ .archive.woocommerce .button{ padding-right: 15px; padding-left: 15px; font-size: 12px; line-height: 14px; } }Thanks
It works great! Thanks Phil.