Hi there,
In order to achieve this, you’ll need to add some custom CSS to your site.
I’d suggest you to go to Appearance>Customize>Additional CSS and add the following code there:
.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method {
display: inline-block;
width: 49%;
}
Let us know if it does the trick!
thanks for the reply.
I have added the coded, it’s giving the following result. Please check
https://prnt.sc/pgysrc
Also, before adding your code, i checked the website on mobile, it’s showing the checkout page as following
https://prnt.sc/pgyukw , how to make that first radio button & Pay by Razorpay in one line.
Regards,
shridsan
dougaitken
(@dougaitken)
Automattic Happiness Engineer
Hey there @shridsan2010
This quirk in the layout may be due to the specific payment gateway you’re using. I’d recommend first asking the theme developers for some help with this.
If that isn’t productive, for customizations such as layout changes like this, I would recommend reaching out to one of our vetted developers on our Customizations page ( https://woocommerce.com/customizations ) or join the WooCommerce Slack Community ( https://woocommerce.com/community-slack ).
Thanks,
dougaitken
(@dougaitken)
Automattic Happiness Engineer
Hi @shridsan2010
We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
Thanks,
