[Shelley]

I have Crio. When viewing the cart from a cell phone, the coupon section does not leave enough room to enter the coupon code. The “Apply Coupon” and “Update Cart” buttons compress together and do not leave any space to enter the coupon code. However, if I click “Apply Coupon” without entering a code, it seems to place them correctly? I need this visible. Is there anything that can be done?

[Elana]

Hello Shelley,

​Thank you for reaching out to our support team.

It looks like you have CSS that generates after the button is clicked. I’m not sure where you put the CSS for your WooCommerce layout. However, there is a CSS that doesn’t load until you click the button.

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
width: 100%;
}

You would need to set that possibly before the cart loads and possibly put a new line after the apply coupon.

Thanks
Elana.

[Author]

Posts