Choose number of images based on screen width

  • Hi There,

    I am using your plugin at the bottom of every page. It works great, however is there a way to have the plugin determine the number of images viewed by the screen width?

    e.g. currently I have 6 images selected which shows great when looking at it on the computer – however when viewing it on a mobile it looks like its missing 2 images as it shows in lines of 4.

    Any help you can give is greatly appreciated ??

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    Hi, at your smallest break point (media query) your CSS is set to:

    #instagram-footer .instagram-pics li {
    width: 25%
}

    If you change this to be:

    #instagram-footer .instagram-pics li {
    width: 33.33%
}

    You will end up with 2 lines of 3 images.

Viewing 1 replies (of 1 total)
  • The topic ‘Choose number of images based on screen width’ is closed to new replies.