Payment methods cut off in mobile display

Hi @edelorn,

Thanks for contacting us. Would you be able to share your website url? You can always contact me via the Help button on all the Stripe plugin settings pages.

The issue is related to CSS, most likely caused by your theme. I’d have to review your checkout page to see the exact conflict.

Kind Regards,

Hello clayton,

Here is the product page:
https://edelorn.com/product/uv-360/

just simply add to cart and please review the checkout page.
Thank you so much

Hi @edelorn,

Here is the CSS you can add to your site:

label .wc-stripe-card-icons-container{
    float: none
}
.woocommerce-checkout .woocommerce .argmc-wrapper #payment ul.payment_methods li img.wc-stripe-card-icon{
    padding: 0;
}

Kind Regards,

Wonderful. Thank you so much!

Hi @edelorn,

No problem glad I could help. You have a cool website design. Do you by chance have a staging site?

We are releasing a new version of the plugin soon that has a mini-cart integration and I see your theme uses the mini cart. We’re looking for a couple of volunteers to test the integration.

Kind Regards,

Hello clayton,

Unfortunatly I don’t have a staging site ready for wordpress yet..

Really looking forward to that plugin though ??

Hi,

Im having a similar issue with woo commerce and Stripe, shows ok on desktops but card payment screen and stripe shopping basket and card payment not showing properly on mobile.

https://property-investments.online/checkout/

You need to register to see the issue any help appreciated.

@ramkump,

Please see the previous replies regarding css to adjust the credit card icons. You will need to adjust some of the styling to fit your theme. Without proper instructions navigating your site was not obvious so I wasn’t able to review your checkout page.

Kind Regards,

@mrclayton

Thanks tried those no luck, to reporduce and see the issue(s)

From Android browser chrome I have the issue

1).Need to register in the client registration section
https://property-investments.online/ (fill in details)

2). Then when you have registered in the user management section there is a create ad under client management, proceed to create an ad

3). when you fill in the details for the ad and choose the ￡30 package you are taken to the stripe/wc payment section, the view basket button/icon is positioned incorrectly and when you choose to pay with new card the text for card expiry and cvc are misaligned, also the radio buttons for the card payments are non functioning,

4). At the moment im still using test api details with strip so the test card details can be used

Not sure where I can change the settings and what needs to be changed