[Resolved] Coupon field and button in woocommerce mobile cart

[Kim]

Hi, just a short question. How can I move the coupon code button to the next line in mobile view (only for small screens not the tablet) and make the coupon field full width?

Mobile cart coupon field

Many thanks in advance!

BR Maike

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .woocommerce-page table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon button {
        width: 100% !important;
    }
}

[Kim]

Perfect 🙂 Thank you!

[David]

You’re welcome

[Author]

Posts