Checkout page layout messed up

Hello @emilydolanova ,

Okay, it’s possible that your current theme is overriding the default styles.

The best way to find out the problems is to perform a conflict test. The steps are –

1. Switch to a default theme i.e. Twenty Twenty / Storefront
2. Deactivate all plugins except WooCommerce and then activate them one by one to figure out the faulty one.

Test your feature after each activation/deactivation. More details on the conflict test here.

I am unable to see the checkout fields because I could not locate a product that I can add and go through the checkout process. Do you have a product link that I can use to see the problem?

Looking forward to your response.

Thank you ??

Hi! Thank you so much!
I am worried, if I switch my theme, will all my settings stay the same on my old theme or will I have to redo everything when I switch back (colors, layout, etc)?

Products can be found here: https://marcovice.cz/poukazy

I will try to deactivate/activate plugins.

Hello @emilydolanova ,

That’s a good concern. WordPress keeps the theme configuration saved in the database even when you switch the theme. However, it is always better to keep a full backup before doing these tests.

I can see the problem and the issue was coming from a CSS applied to your theme. You can override that using this CSS in your wp-admin > Appearance > Customize > Additional CSS field –

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    max-width: 50%;
}

I hope this helps.

Thank you ??

This worked! Thank you so much, I’m so grateful!