Return to previous page

Checkout Page Layout doesn't look like the preview

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

  • Avatar: imarash
    imarash
    Participant
    September 18, 2015 at 06:29

    Hi
    My Checkout page layout is messed up (without any theme files modification) and I don’t know why it doesn’t look like the clean Themeforest preview.

    My website checkout: http://oi60.tinypic.com/e8sjua.jpg
    Themeforest Preview checkout: http://oi61.tinypic.com/352k8yg.jpg

    Please, contact administrator
    for this information.
    #87750 Copied Theme version: 1.3 WooCommerce version: 2.4.6
    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 18, 2015 at 07:48

    Hello,

    We can’t see these screenshots. Please provide us with new ones.

    Regards,
    Robert Hall.

    #87780 Copied
    Avatar: imarash
    imarash
    Participant
    September 18, 2015 at 15:14

    Here is another link to the pictures:
    http://imgur.com/a/aLDQb

    #87967 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 18, 2015 at 15:27

    Hello,

    I’ve added this code in Global Custom CSS.

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}

    and disable sidebar for Checkout page in page setting.
    Please check.

    Regards,
    Robert Hall.

    #87970 Copied
    Avatar: imarash
    imarash
    Participant
    September 18, 2015 at 16:14

    Thanks
    Now looks good.

    But there is another problem:
    When I visit the checkout page with CELLPHONE (Nexus 4 + Chrome browser), I can’t enter data in input fields (e.g. First Name), but the payment method radio button works.

    #87984 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    September 18, 2015 at 16:26

    Hello,

    Try to use this code in 8Theme Options > Styling > Custom CSS > Custom CSS for mobile:

    form.checkout .col-lg-5.col-md-5 {
   display: inline-block !important;
}

    Regards,
    Eva Kemp.

    #87988 Copied
    Avatar: imarash
    imarash
    Participant
    September 22, 2015 at 03:20

    Now the problems are solved.
    Thanks a lot.

    #88448 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 22, 2015 at 07:26

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #88476 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘Checkout Page Layout doesn't look like the preview’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – 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.