WooCommerce checkout page layout for mobile.

This topic has 4 replies, 2 voices, and was last updated 5 years, 3 months ago ago by Olga Barlow

  • Avatar: antosagency
    antosagency
    Participant
    September 18, 2019 at 15:26

    On the mobile checkout page, The order review section overlaps the “Ship to a different address?” checkbox area which doesn’t allow you to select the button. How can it be fixed so that the “Order Review” section doesn’t sit over the button?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 18, 2019 at 15:38

    Hello,

    We’ll fix it in the next theme update. Add the following code to fix it on your site to child theme style.css

    form[name="checkout"] > .row > .col-md-7:before, form[name="checkout"] > .row > .col-md-7:after {
        content: '';
        display: table;
        clear: both;
    }

    Regards

    Avatar: antosagency
    antosagency
    Participant
    September 18, 2019 at 17:23

    That worked. Thank you.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 18, 2019 at 17:24

    Hello,

    You are welcome.

    Regards

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

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

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