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

  • Profile Image
    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

  • Profile Image
    BDAVID
    Answered 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;

    }

    }

    Result:

     

    Let us know if you need more help.

  • Profile Image
    phonefixers
    Answered on February 22, 2017 at 01:41 PM

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

  • Profile Image
    BDAVID
    Answered on February 22, 2017 at 03: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:

    Let us know if you need more help.