I posted this question in r/gravityforms but didn’t get a response, and I found a similar issue on the Gravity Forms forum, which was closed automatically after 30 days without a resolution.
On desktop or in “desktop” view on mobile, the checkboxes appear correctly. However, when viewed normally on mobile (using Chrome), the boxes show up above the text. Please see the attached pictures.
Is there a fix for this?
Thanks for your help!
Update: I found some CSS code that fixed the problem. My theme was changing the width of the checkboxes and radio buttons.
[css]
body .gform_wrapper .gfield_checkbox li label,
body .gform_wrapper .gfield_radio li label {
width: auto !important
}
@Cleo
I was thinking CSS could help. Glad you sorted it out.
This issue seems familiar…
Tate said:
This issue seems familiar…
Thanks for the help. This is a common issue I’ve seen with Gravity Forms and checkboxes or radio buttons on mobile devices. Not sure if it has anything to do with my theme (ultimate); the site is over 10 years old and I’m still learning.
The page I’m working on is in draft mode, and I don’t want to publish it until I fix this.
Any guidance would really help.
