Checkboxes not working on mobile

Hi @mateo21530,

Thanks for reaching out!

Inspecting the form on the shared page, it seems there is a conflict caused by a CSS rule hiding the checkbox input of the GDPR field, likely leading to the issue.

For your reference, I created this screencast.

Here’s the conflicting CSS:

.wpr-custom-chk-radio .wpcf7-checkbox input, .wpr-custom-chk-radio .wpcf7-radio input, .wpr-custom-chk-radio .wpcf7-acceptance input, .wpr-custom-chk-radio .wpforms-field-radio input, .wpr-custom-chk-radio .wpforms-field-checkbox input, .wpr-custom-chk-radio .wpforms-field-gdpr-checkbox input {

?	display: none !important;

}

This CSS is coming from the following file: /wp-content/plugins/royal-elementor-addons/assets/css/frontend.min.css.

I recommend disabling or overriding that CSS. Alternatively, you could reach out to the support team of the Royal Elementor Addons and Templates to report this issue caused by their CSS.

I hope this helps! When you’ve had a chance to try this, could you please let me know if it works for you or if you have any questions?

Thank you!

Thank you so much for your amazing detailed explanation Ralden!
I managed to override that rule and make it visible again while the other checkbox from them still exist and i cannot remove it, anyways I will probably write to their support to help me with that.

Thank you again!

Hi @mateo21530,

You’re most welcome!

To hide the additional checkbox input, it seems you can use this CSS snippet:

.wpr-custom-chk-radio .wpforms-field-checkbox input:checked + label:before {
    display: none !important;
}

If you’d like assistance with using WPForms Lite, please feel free to reach out.

Thanks!

Hi @mateo2153,

I see the checkbox input is working as expected on my mobile device.

However, it seems an extra checkbox appears when the input is unchecked — screenshot.

To hide that extra checkbox, you can use this CSS snippet:

.wpr-custom-chk-radio .wpforms-field-checkbox input+label:before {
    display: none !important;
}

If you need further assistance using WPForms Lite, please don’t hesitate to reach out.

We value your experience and would love your feedback! Would you consider sharing a quick review on www.remarpro.com? It takes just a moment and helps us continue improving WPForms.

Here’s the link to leave a review and in case you’d like some guidance, this article walks you through the process.

We appreciate your time and feedback!

Thanks.

Thank you so much for additional code, now it is hidden also when unchecked.

Many many thanks!

Hi @mateo21530,

You’re most welcome!

If you’d like more help with using WPForms Lite, please feel free to reach out anytime.

Also, if you’re interested, we’d love it if you could share a quick review about WPForms Lite on www.remarpro.com. Here’s the link to leave a review, and if you’d like some guidance, this article provides a step-by-step walkthrough.

We truly appreciate your time and feedback!

Thanks.