Single Product Button is not responsive on mobile device

Hi there @golfball-uhu,

You mentioned:

The Paypal button is always besides my add to cart button and barely visible.

I’m not able to reproduce this on a test site, either in responsive mode on my desktop or on my mobile browser.

Can you please confirm if the problem still happens while using the default Storefront Theme, with all other plugins deactivated besides WooCommerce and PayPal Checkout?

We have a guide on doing this kind of testing here.

Thanks!

Hi,
activating storefront does solve the problem….so it seems to be a problem of my theme suave.

Screenshot with Suave:
https://shop.golfball-uhu.de/wp-content/uploads/2021/08/Screenshot_WooCommerce-PayPal-Checkout-Payment-Gateway_Suave.jpg

Screenshot with Storefront:
https://shop.golfball-uhu.de/wp-content/uploads/2021/08/Screenshot_WooCommerce-PayPal-Checkout-Payment-Gateway_Storefront.jpg

Anyway…do you have a solution for that?

By the way…”Enable PayPal Checkout buttons on the regular checkout page” does not work for Suave or Storefront.

Regards
René

• This reply was modified 3 years, 3 months ago by golfball-uhu.

I did some testing….strangely this problem only occures on the chrome mobile browser.

I looks ok on Firefox + Mi Browser of my Xiaomi.

Any idea how to fix this for chrome mobile browser only?

Regards
René

Hi @golfball-uhu!

activating storefront does solve the problem….so it seems to be a problem of my theme suave.

Unfortunately this may be something best solved by reaching out to your theme’s developers. I’m sure this is something they’d want to get fixed for all of their users.

You can try this CSS in your Appearance > Customize > Additional CSS section, but I can’t ensure it will work (nor support it if it doesn’t):

@media only screen and (max-width: 767px) {
   div.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
      display: block!important;
      float: left!important;
   }  
}

Regardless, you should definitely reach out to the theme devs.

By the way…”Enable PayPal Checkout buttons on the regular checkout page” does not work for Suave or Storefront.

Please provide both:

• a screenshot showing that setting enabled
• and a screenshot of it not showing in checkout using Storefront

Thanks!

Hi Joey,
your CSS code worked…thx so much :-). I did also contact the theme designer.

Regarding the “”Enable PayPal Checkout buttons on the regular checkout page” does not work for Suave or Storefront.”….I′ve made some Screenshots for you:

1. Checkout Page Paypal Button activated – Settings:

https://shop.golfball-uhu.de/wp-content/uploads/2021/08/Checkout-Page-Paypal-Button-activated-Settings.png

2. Checkout Page Paypal Button activated – Storefront active:
https://shop.golfball-uhu.de/wp-content/uploads/2021/08/Checkout-Page-Paypal-Button-activated-Storefront-active.png

3. Checkout Page Paypal Button activated – checkout view:
https://shop.golfball-uhu.de/wp-content/uploads/2021/08/Checkout-Page-Paypal-Button-activated-checkout-view.png

Visible is only the normal Paypal checkout I have anyway activated by WooCommerce checkout settings.

Regards
René

Hi Joey,
this might have been a mix-up.

But what I′ve realized is…that your plugin + standard paypal payment together might not be the best idea.

I know have another question…but will open another thread.

Regards
René

Hey @golfball-uhu,

But what I′ve realized is…that your plugin + standard paypal payment together might not be the best idea.

Yep, we typically would recommend using just one PayPal solution on a site.

I know have another question…but will open another thread.

Sounds good. We’ll close this one out. Thanks!