Return to previous page

WooCommerce checkout page layout for mobile.

This topic has 4 replies, 2 voices, and was last updated 4 years, 7 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.
    #221613 Copied Theme version: 6.0.2 WooCommerce version: 5.2.3
    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

    #221616 Copied
    Avatar: antosagency
    antosagency
    Participant
    September 18, 2019 at 17:23

    That worked. Thank you.

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

    Hello,

    You are welcome.

    Regards

    #221626 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme

See All Templates

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