Radio and checkbox buttons will not show on a mobile device WordPress

lshishido comments:

[[LINK href="https://www.alphacord.com/redesign/enroll_step5.php"]][[/LINK]]

lshishido comments:

https://www.alphacord.com/redesign/enroll_step5.php

lshishido comments:

https://www.alphacord.com/redesign/enroll_step5.php

lshishido comments:

try it again, I just reuploaded the file.

Bob comments:

accrding to this
http://johnpolacek.github.io/Responsivator/?site=www.alphacord.com%2Fredesign%2Fenroll_step5.php

and this
http://www.viewlike.us/test.php#u=https://www.alphacord.com/redesign/enroll_step5.php|320|480|1

your form radio and checkbox are visible properly.

is it not visible in actual mobile phone?

lshishido comments:

They work perfectly on a desktop. They disappear on a mobile device.

Bob comments:

I do not have mobile right now to test, but it seems that you are hiding actual radio input and using background to show it [ style_form.css line no 2027 ].

using media query try to make it visible and remove background when user is viewing it in mobile.


other than that this link might become helpful to you.
[[LINK href="http://www.lotusseedsdesign.com/blog/make-checkbox-or-radio-button-in-mobile-browsers-render-consistently-using-before-pseudo-element"]]http://www.lotusseedsdesign.com/blog/make-checkbox-or-radio-button-in-mobile-browsers-render-consistently-using-before-pseudo-element[[/LINK]]

Bob comments:

It seems that there is trouble with iphone 4S only
did you test it with other mobiles.

lshishido comments:

It doesn't work on my Galaxy s4 on any brower

Bob comments:

If nothing work then you can try such selector specially for mobile user.

http://experiments.wemakesites.net/css3-iphone-toggle-buttons.html

It supports.....
Mozilla FireFox
Opera
Google Chrome
Apple Safari
Internet Explorer 9 (not fully supported)
Internet Explorer 10 Beta

lshishido comments:

My original programmer fixed the problem, but it would like to award you the money for trying to be the most helpful.