This topic has 11 replies, 4 voices, and was last updated 8 years, 12 months ago ago by Eva Kemp
Hi there,
A customer highlighted this to me Yesterday..
On my “View Cart” page (http://ucase.co.uk/cart/) there is a field for coupon codes to be entered.
This works fine on my PC but on Mobile (safari – iPhone) it’s not possible to access that field to type in the code. Nothing happens when you press in that box. I’ve not been able to check other mobile platforms so not sure if it’s limited to Safari/IOS.
Any help greatly appreciated.
Thanks,
John.
Hello,
Please add this code in Theme Options > Custom CSS > Global Custom CSS:
.checkout_coupon {
display: inline-block;
width: 100%;
}
Regards,
Eva Kemp.
Hello,
Please try to add this code in Theme Options->Custom CSS->Global Custom CSS.
.woocommerce-cart .page-content .content.col-md-9{
position: initial;
}
Regards,
Robert Hall.
Hi Eva,
Thanks very much this worked perfectly (on iphone anyway)
🙂 John.
Hi Robert – I added Eva’s code which seems to have worked – Should I add yours as well?
Thanks,
John.
No, I see your issue solved.
Regards,
Robert Hall.
FYI – I had the same issue where we could not enter text into the coupon code field on mobile view.
– it seems OK now that I added both codes above to wp-content/themes/woopress-child/style.css
.checkout_coupon {
display: inline-block;
width: 100%;
}
.woocommerce-cart .page-content .content.col-md-9{
position: initial;
}
Follow up -this only solved it for the tablets. not the phones – I will start a new ticket on this – thanks
Hello @trina99,
Please add this code in Theme Options > Custom CSS > Custom CSS for mobile:
.woocommerce .col-md-6 {
display: inline-block;
width: 100%;
}
Regards,
Eva Kemp.
HI Eva
Thanks for fast response, but that doesn’t work for me
I started a new thread – Hope that’s OK
https://www.8theme.com/topic/coupon-field-not-accessible-on-mobile-view-cart-2/
Hello @trina99,
You’ve been replied in your new topic.
Please check.
This topic will be closed.
Regards,
Eva Kemp.
Tagged: accessible, coupon, mobile, templates, view cart, woocommerce, wordpress
The issue related to '‘Coupon Field Not Accessible on Mobile "View Cart"’' has been successfully resolved, and the topic is now closed for further responses