Repositioning woocommerce paymentrequest button

My first thought is that this is a consequence of your theme. Could you install and activate our (free) Storefront theme temporarily?

https://woocommerce.com/storefront/

What do the Apple Pay and Google Pay buttons look like using that? Aligned properly?

If so, you may need to contact your theme authors/developers for help adapting their theme to those buttons.

Thanks!

Thanks Adam.
The GPay and ApplePay also do not align. I will try out the storefront theme and see how that works out.
Will let you know.
Best Regards

Hi @tayoakintokunbo,

You’re actually using my plugin, Stripe for WooCommerce.

https://www.ads-software.com/plugins/woo-stripe-payment/

The reason the GPay button is not aligning is because your theme is setting a flex display without any wrap on the container element. You can do something like the following to fix:

.woocommerce div.product.elementor .elementor-add-to-cart-mobile--align-justify form.cart.variations_form .woocommerce-variation-add-to-cart,
.woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart{
    flex-wrap: wrap;
}

.woocommerce div.product.elementor .elementor-add-to-cart-mobile--align-justify form.cart.variations_form .woocommerce-variation-add-to-cart button{
    flex: 0 0 75%;
    height: 50px;
}

Some minor adjustments will probably be needed to the add to cart button width but you can just tweak what I’ve added here.

Kind Regards,

Hey both

@mrclayton – Thanks for dropping in here, I really appreciate that!

@tayoakintokunbo As this is related to another plugin, I’m going to mark this thread as Resolved.

Thanks,

Hello,
@mrclayton – Thanks for your suggestion, that seems to fix it.

Regards