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

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

    Please inject the following CSS code: 

    #label_input_120_1 {

        display: none;


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


        display: block !important;




    Desktop view:

    Mobile view:

    Let us know if you need more help.