Image radio buttons widget is not responsive on mobile devices

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:

In Mobile:

7. Field “Image Radio Buttons”:

In Computer:

In Mobile:

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: