Woocommerce checkout one column only

This topic contains 1 reply, has 2 voices, and was last updated by  Jason 1 year, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #5877

    Michael Papst
    • 5 Posts

    How i can make the woocommerce checkout page one column only (mobile and desktop view)?


    • 321 Posts
    Themosaurus Support

    Hi @jobadoo,

    By default there is unfortunately no option to change the WooCommerce checkout columns.

    However, as this can be resolved with a little bit of CSS, I will provide you with a CSS snippet that should do the trick for you:

    form.woocommerce-checkout .col2-set {
    	margin-right: 0;
    	margin-left: 0;
    form.woocommerce-checkout .col2-set .col-1, form.woocommerce-checkout .col2-set .col-2 {
    	flex: none;
    	max-width: none;

    If you need to find out how to add custom CSS to your site, we recommend that you visit this article of our documentation:

    Adding Custom CSS

    We hope this will solve your issue. 🙂

    Best regards,

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Woocommerce checkout one column only’ is closed to new replies.