title: "Hidden" Form fields won't hide on Android or iOS with CSS or JavaScript
body: <p>I have a form with a number of fields. Some of the fields are visible and some have a class (hidefield) which sets them to to "display:none;". The problem is that on some iOS devices (iPhone 5) and some android devices, the calculation form fields that are supposed to be hidden are visible. </p>
  
  <p>I have tried
  a) adding the !important declaration
  b)increasing CSS specificity
  c) adding  -webkit-appearance:none; - because I thought maybe that was overriding the display none
  d) using JavaScript <code>$('.hidefield').hide();</code></p>
  
  <p>None of these have worked. I've tested on a few live devices and through browserstack. On the iPhone 5 (the fields are hidden on the 5s) and on the Android phone (I tested a number of the latest versions through Browserstack), the form fields are visible. I don't know if the class is somehow removed or what and maybe that's why it's not picking it up.</p>
  
  <p>I don't know if it makes a difference, but I'm using Gravity Forms on a WordPress site. </p>
  
  <p>Here is a preview of the page so you can see my code: <a href="http://greenjobinterview.com/?page_id=15948&amp;preview=1&amp;_ppp=db1f23d81e" rel="nofollow">http://greenjobinterview.com/?page_id=15948&amp;preview=1&amp;_ppp=db1f23d81e</a></p>
  
  <p>I appreciate any help! </p>