Image radio buttons widget is not responsive on mobile devices

  • Profile Image
    yedidya
    Asked on January 21, 2017 at 06:41 AM

    6. Field “Image Radio Buttons”:

    Images are shown only three instead of five. I tried to play with the display location of the field but did not help at all.

    In Computer:

    מעלית.png

    In Mobile:

    מעלית.png

     

     

     

    7. Field “Image Radio Buttons”:

    In Computer:

    אמצעי תשלום.png

    In Mobile:

    אמצעי תשלום.png

  • Profile Image
    Welvin
    Answered on January 21, 2017 at 07:34 AM

    Inject the following custom CSS codes to your form:

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

    .custom-field-frame {

    width: 100% !important;

    height: 445px !important;

    }

    }

    Adjust the height value if necessary. In most cases, the widget won't need this as it will auto resize itself. But if not, the CSS should help.

    Here's the result: