[Support request] Incopability woocommerce viva payment plugin with theme

[Kalliopi]

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

[David]

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?

[Kalliopi]

hello, yes of course.

[David]

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;
}

[Kalliopi]

should put it in the additional CSS section?

[David]

Yes – Customizer > Additional CSS is the place to add it 🙂

[Kalliopi]

Sorry, I’m afraid it is not working.

[David]

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;
}

[Kalliopi]

Thank you sooooo much!!! Works perfectly!!

[David]

Awesome – glad to be of help!

[Author]

Posts