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

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Onepage Store – WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Bike Store – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

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