Archived topic
Coupon field and button in woocommerce mobile cart
3 replies · Started by Kim on August 13, 2019
Viewing posts 1–4 of 4
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?
Many thanks in advance!
BR Maike
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;
}
}Perfect :-) Thank you!
You're welcome
This archived topic is closed to new replies.
