Woocommerce My Account Page Spacing

Hey @rashaadr,

I’m hoping someone may be able to assist. My Woocommerce Account Page seems to be misaligned and squashed as opposed to the rest of my sites orientation.

From the screenshots you’ve shared it looks like your theme’s styling is conflicting with WooCommerce.

You can confirm if this is the problem by temporarily switching to a default theme such as Storefront and then checking your My Account page to see if the layout issue is resolved.

If that is the problem then I recommend contacting the support team for the theme you’re using for assistance with making it compatible with WooCommerce.

Kind regards,

Thanks so much for the response. I did try switching to a default theme but it made no difference to the layout.

I have added the following to the additional CSS which has now managed to line up most of the content.

.woocommerce .col-1, .woocommerce .col-2{
max-width: 100%;
}
.form-row {
 ?flex-direction: column;
}
.woocommerce-checkout .form-row {
  display: block;
}
.woocommerce .form-row {
  display: block;
}

Hi @rashaadr!

If you are still facing the issue please remove that CSS and perform a full conflict test.

?
The best way to do that is by following these instructions:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Meanwhile, if you are happy with the CSS approach please ignore these steps ??