Won't fix
Reported for: Toolset Views 2.9.1
If Bootstrap 4 is active, there is a display issue on the WooCommerce Checkout page. The problem happens because both WooCommerce and Bootstrap use the col-1 and col-2 CSS class. Bootstrap 4 sets the max-width property to 8.3333333% and 16.666667%, respectively.
Because of this, WooCommerce’s col-1 and col-2 classes result in two very small columns when used in the page content.
This issue happens with Toolset if it is set to load Bootstrap 4, however, the conflict is really between Bootstrap 4 and WooCommerce only.
You can follow this thread on WooCommerce GitHub page for a stable solution:
As a workaround, for now, you can de-queue Bootstrap on the checkout page using a custom code snippet like this one.
Of course, you’d have to change its condition to is_page( 'checkout' );.
What about header footer?
Can you explain what you mean? This issue is specifically about an issue with column sizes on the WooCommerce Checkout pages.
If your issue is something else, please provide details in a thread in our support forum: https://toolset.com/forums/forum/professional-support/
Thanks for this article – it worked for me. I have a question though when I set up the snippet it asks :
Run snippet everywhere
Only run in administration area
Only run on site front end
Only run once
Which one do I choose for my checkout page?
I imagine it would be “Only run on site front end” but I wasn’t able to get this to work for me.