How to hide radio button on desktop, but not on mobile

  • Kayla_Hughes
    Asked on June 29, 2016 at 1:12 PM

    I am trying to hide a radio button on desktop version of our form, but show it on mobile versions. Here is the CSS I have created.

     

    How to hide radio button on desktop, but not on mobile Image 1 Screenshot 20

     

    This is what I found in all the forums that I looked at.  But it does not seem to be working for us.  Any suggestions on what I am doing wrong?  The #input_120_0 and #input_120_1 are the IDs of the radio button.

    Jotform Thread 872008 Screenshot
  • David JotForm Support Manager
    Replied on June 29, 2016 at 2:13 PM

    Please inject the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #label_input_120_1 {

        display: none;

    }

    @media only screen and (max-width: 480px) {

    #label_input_120_1{

        display: block !important;

    }

    }

    Result: https://form.jotform.com/61805695316966 

    Desktop view:

    How to hide radio button on desktop, but not on mobile Image 1 Screenshot 30

    Mobile view:

    How to hide radio button on desktop, but not on mobile Image 2 Screenshot 41

    Let us know if you need more help.