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, 3 months ago ago by Jack Richardson

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

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

imarash

Participant

September 18, 2015 at 15:14

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

#87967 Copied
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
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
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
imarash

Participant

September 22, 2015 at 03:20

Now the problems are solved.
Thanks a lot.

#88448 Copied

Jack Richardson

Support staff

September 22, 2015 at 07:26

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#88476 Copied
Tagged: best selling, checkout, layout, page, preview, themes, woocommerce
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

Checkout Page Layout doesn't look like the preview

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection