PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

bug with radio buttons on iPhone

  1. Hello, I'm using radio buttons in a form. They look great on my laptop, but on my iPhone, they don't work: neither can be selected.

    I'm using a responsive WordPress theme called Volumes.

    Here's the URL of the form: http://www.adamdaniel.com/contact

    Can you help?

    Thanks!
    AD

    Posted 11 years ago on Tuesday October 9, 2012 | Permalink
  2. Looks to be a theme styling issue as the radio fields look like they're incorrectly styled (or actually have been re-styled). This isn't isolated to the iPhone.. regular Safari has the same issue if you resize the browser down far enough and the responsive style changes kick in. The default radio inputs appear to be hidden and the inputs look more like styled text inputs.

    screenshot: http://grab.by/gDAO

    Have you tried your form using the default theme or either tried viewing the form preview on the iPhone? If so and they're working properly, I would approach your theme developer for guidance. It looks like they need to update their CSS to account for radio inputs on the resize.

    Posted 11 years ago on Tuesday October 9, 2012 | Permalink
  3. Thanks for your time with this, Kevin. I'll post in the theme developer's forum.

    Posted 11 years ago on Tuesday October 9, 2012 | Permalink
  4. Sure, I checked in a few other browsers and so far it seems isolated to webkit browsers (chrome & safari).. at least on the Mac. Firefox seemed to work fine.

    Posted 11 years ago on Tuesday October 9, 2012 | Permalink