Return to previous page

Mobile shopping not working - by smartrobbie

This topic has 6 replies, 4 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

smartrobbie

Participant

November 20, 2015 at 05:19

Hi,

http://milkbarbreastpumps.com.au/

purchasing works ok on desktop, but when you try for a mobile device and you go to check out, the screen is squished and you cant actually click on any of the fields to enter your details. can you advise how I can fix this?

thanks,

Robyn

Please, contact administrator
for this information.

#100468 Copied Theme version: 1.3 WooCommerce version: 2.4.10

5 Answers
Robert Hall

Support staff

November 20, 2015 at 09:02
Hello,

Please try to add the following code in 8Theme Options->Styling->Custom CSS->Global Custom CSS.
```
.woocommerce-checkout .woocommerce .col-lg-5{
position:initial;
}
```
Regards,
Robert Hall.
#100483 Copied
smartrobbie

Participant

November 21, 2015 at 00:27

thanks, that seems to have done the trick, but the check out is not responsive, it is very squished. I checked it in comparison to your demo site and your demo site is responsive but this one isn’t. how can I fix this? see links of your theme and our theme and the difference.

http://www.screencast.com/t/7M7G4Bg1w

http://www.screencast.com/t/BWEWnC0dL

also the product description is cut off, and I added a woothemes plugin for newsletter subscription and the check box seems to be going off the page (I know this isn’t in your theme). Main thing is I need this page to be responsive and look like your site.

can you help?

Thanks,

Robyn

#100606 Copied
Eva Kemp

Support staff

November 23, 2015 at 10:52
Hello,

Please add this code in Global Custom CSS:
```
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
   width: 100%;
}
```
Regards,
Eva Kemp.
#100804 Copied
smartrobbie

Participant

December 2, 2015 at 14:50

Hi, this worked. there is a subscription button that is a newsletter subscription woocommerce extention. the tick box hangs off the page on mobile. how can I fix this. I asked woocommerce and they said it is something in the theme that is causing the miss alignment.

http://www.screencast.com/t/g6qnmkE8I

thanks,

robyn

#102360 Copied
Jack Richardson

Support staff

December 2, 2015 at 16:46
Hello,

Please add this code in Global Custom CSS:
```
#subscribe_to_newsletter_field {
    margin-left: 20px;
}
```
Best regards,
Jack Richardson.
#102383 Copied
Tagged: mobile, shopping, templates, troubleshooting, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)