Archived topic
Incopability woocommerce viva payment plugin with theme
9 replies · Started by Kalliopi on November 30, 2020
Hello, and have a nice day. I have installed a payment plugin in order to accept payments in my woo-commerce store. However, when I activate woocommerce module, which splits the cart into two columns the viva payment form loses its responsiveness, especially through mobile is one letter under the other. I can provide you with a screenshot. Could you help me resolve it, please? I have provided a link, and I have open my website from developer mode for you to see it. You should click on "Πληρωμή με κάρτα (Viva Wallet)". Thank you in advance
Hi there,
i need to be able to add an item to the cart to see the issue, can you link me to where i can add a product to the cart?
hello, yes of course.
Try adding this CSS:
#payment .payment_methods>.wc_payment_method.payment_method_vivawallet_native>label {
display: flex;
}
#payment .payment_methods>.wc_payment_method.payment_method_vivawallet_native>label>img {
margin-left: auto;
padding-left: 10px;
}should put it in the additional CSS section?
Yes - Customizer > Additional CSS is the place to add it :)
Sorry, I'm afraid it is not working.
Oops i left out this CSS - add this as CSS also:
.woocommerce-checkout #payment div.payment_box.payment_method_vivawallet_native {
display: flex;
flex-direction: column;
}Thank you sooooo much!!! Works perfectly!!
Awesome - glad to be of help!
