Tagged: Woocommerce Checkout
Hi
I am having an issue on my WooCommerce checkout page, where the text input area on PCs is half-width and not working: https://imgur.com/vY41ywv.
It had been working fine, and is still OK on mobiles. The WooCommerce support is looking into it, but they think it has to do with a jquery error and maybe theme issues . Can you see what’s going on? Product link below. WC was just updated, but the problem was there before. I have a staging site that works fine, same WC settings (older WC version). https://imgur.com/X0jEFF1.
thanks for your help
Nancy
Hi Nancy,
Please post admin WordPress login details in private to the site which has problems, so that we can have a closer look at it. Did you try disabling plugins for example? If not, then can we temporarily try that out for testing purposes?
Best regards,
Rikard
The checkout was working fine, with no changes to the site when this error started. I haven’t added any new plugins.
I reverted to an earlier backup, so now the WooCommerce plugin is running 5.3 (5.4 has been pulled due to jquery issues).
The problem is still there, and did not have to do with the update.
Login below
thanks for taking a look.
nancy
Hi,
This CSS coming from your child theme seems to be causing the problem:
@media only screen and (min-width: 768px) {
.col2-set .col-2 {
float: none !important;
}
}
Please try to remove or edit it.
Best regards,
Rikard
thanks I thought it might be a css issue but didn’t understand why that would block the text input. It seems to be OK now.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon