Checkout Page Checkbox Issue on Mobile (also sometimes on Desktop)

On the checkout page, the checkboxes for

* “Create an account?”
* “Ship to a different address?”

are not working properly.

Observed Behavior:

* The checkbox does not toggle when tapped directly.
* The full label text is also not clickable. Only when the user clicks on the letter “a” (or sometimes just a small area to the right of the checkbox) does it toggle.
* This happens consistently on mobile, and occasionally on desktop as well.

Impact:

* Poor checkout usability and user confusion.
* Customers may think the checkboxes are broken or unresponsive.

Please check and fix so that the entire label text and the checkbox area respond properly when clicked or tapped.

**Priority:** High (affects checkout experience)

Find the video attached

Attachments:

You must be logged in to view attached files.

Hi shweta,

Thanks for reaching to us and appreciate your patience.

I kindly request you to conduct a check by activating the default WordPress Theme, such as Storefront or Twenty Twenty-Three (Appearance > Themes) and keep WoodMart Core and WooCommerce plugins activated. This is to ascertain whether the issue you are experiencing is due to our theme or not.

Regards,
Hung PD

[shweta]

It is working fine in twenty twentyfive. I dont think there is any issue as above but the checkbox is linked to text in checkout fields

– “Create an account?”
– “Ship to a different address?”

This means if we click on the text written next to checkbox, it works very smoothly (On mobile and desktop and ipad, all three).

While clicking precisely on the checkbox, it is not very smooth, can you please check. I would not say not working but not very smooth.

Problem video: https://drive.google.com/file/d/19lCZbiIKVPC8DlRAsbIZ2i3jnikNbjl5/view?usp=drivesdk

• This reply was modified 3 weeks ago by shweta. Reason: Video Added

Hi shweta,

Thanks for your patience.

I double checked and found that there is an hidden div on mobile overlap these checkboxes https://ibb.co/8n0D9vXd

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile and check again.

body:not(.sfm-body-pushed) .sfm-rollback{
    z-index: 0;
}

Regards,
Hung PD

Thank yo so much. Looks like resolved.

Hi shweta,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,
Hung PD

[Author]

Posts