Return to previous page

Checkout layout - by Rivalf7 - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Rivalf7

Participant

April 17, 2018 at 23:30

Hi!

I got that text area in the middle which gives me responsive problems. At the demo, normally that text area is at the end of the page. The checkout page should have with only 2 columns not 3.

Screenshot
https://www.photobox.co.uk/my/photo/full?photo_id=500727068922

Thank you

#191388 Copied WooCommerce version: 3.2.3

1 Answer
Rose Tyler

Support staff

April 18, 2018 at 10:29
Hello,

The problem with responsive is caused by custom css – https://prnt.sc/j6syba
You can add this code in Theme Options > Styling > Custom css http://prntscr.com/j6szmx :
```
.woocommerce .woocommerce-checkout .col2-set .col-1, .woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100%;
}
```
Regards
#191419 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Marseille 03 – WordPress WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Games Dark – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Photographer – 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.