Return to previous page

Coupon Field Not Accessible on Mobile "View Cart"

This topic has 11 replies, 4 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

UcaseLtd

Participant

November 24, 2015 at 10:33

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.

#101022 Copied Theme version: 2.3 WooCommerce version: 2.4.10

10 Answers
Eva Kemp

Support staff

November 24, 2015 at 10:41
Hello,

Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.checkout_coupon {
    display: inline-block;
    width: 100%;
}
```
Regards,
Eva Kemp.
#101027 Copied
Robert Hall

Support staff

November 24, 2015 at 10:45
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.
#101029 Copied
UcaseLtd

Participant

November 24, 2015 at 10:57

Hi Eva,

Thanks very much this worked perfectly (on iphone anyway)

🙂 John.

#101030 Copied

UcaseLtd

Participant

November 24, 2015 at 10:58

Hi Robert – I added Eva’s code which seems to have worked – Should I add yours as well?

Thanks,
John.

#101031 Copied

Robert Hall

Support staff

November 24, 2015 at 11:11

No, I see your issue solved.

Regards,
Robert Hall.

#101034 Copied

trina99

Participant

December 29, 2015 at 18:41

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

#106194 Copied

trina99

Participant

December 29, 2015 at 19:04

Follow up -this only solved it for the tablets. not the phones – I will start a new ticket on this – thanks

#106201 Copied
Eva Kemp

Support staff

December 29, 2015 at 19:14
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.
#106207 Copied
trina99

Participant

December 29, 2015 at 19:52

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/

#106221 Copied

Eva Kemp

Support staff

December 30, 2015 at 10:24

Hello @trina99,

You’ve been replied in your new topic.
Please check.
This topic will be closed.

Regards,
Eva Kemp.

#106284 Copied
Tagged: accessible, coupon, mobile, templates, view cart, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)

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

Coupon Field Not Accessible on Mobile "View Cart"

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection