Mobile View: widget narrows down images to one column and 8 rows.

  • phonefixers
    Asked on February 22, 2017 at 10:51 AM

    When i use iframe it narrows down to one column and 8 rows on the widget myphonefixers.com/betaapp

  • David JotForm Support Manager
    Replied on February 22, 2017 at 10:53 AM

    Please inject the following CSS code in the widget's CSS area, in order to show images in two columns for mobile view: 

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

    .imageContainer {

    width: 45% !important;

    }

    }

    Mobile View: widget narrows down images to one column and 8 rows Screenshot 30

    Result:

    Mobile View: widget narrows down images to one column and 8 rows Screenshot 41

     

    Let us know if you need more help.

  • phonefixers
    Replied on February 22, 2017 at 1:41 PM

    that code stretches the images  as you can see. whats the fix? thanks BDAVID!

  • David JotForm Support Manager
    Replied on February 22, 2017 at 3:51 PM

    Add the following code in the custom CSS area for that widget:

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

    .divimg img{

        height: 90% !important;

    }

    }

    Result:

    Mobile View: widget narrows down images to one column and 8 rows Screenshot 20

    Let us know if you need more help.