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

  • Profile Image
    Kayla_Hughes
    Asked on June 29, 2016 at 01: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.

     

     

    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.

  • Profile Image
    BDAVID
    Answered on June 29, 2016 at 02: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:

    Mobile view:

    Let us know if you need more help.