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, 2 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – 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.