Mobile shopping not working - by smartrobbie

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

  • Avatar: smartrobbie
    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.
    5 Answers
    Avatar: Robert Hall
    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.

    Avatar: smartrobbie
    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

    Avatar: Eva
    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.

    Avatar: smartrobbie
    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

    Avatar: Jack Richardson
    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.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.