Docs    Instagram    Documentation

Only show a few Instagram photos on mobile

There is a setting available for this in the “Pro” version as of version 2.8. Although you can change the layout/number of columns on mobile, by default the plugin will show the same number of photos. You can limit the feed to a certain number of photos on mobile by using either of the following two methods:

Custom JavaScript snippet

Just add the following to the plugin’s Custom JavaScript section, which is on the plugin’s Customize page:

if( $(window).width() < 600 ){ $('#sb_instagram .sbi_item').slice(5).remove(); }

Custom CSS snippet

Just add the following to the plugin’s Custom CSS section, which is on the plugin’s Customize page:

@media(max-width: 600px){
  #sb_instagram #sbi_images .sbi_item{ display: none; }
  #sb_instagram #sbi_images .sbi_item:nth-child(-n+5){ display: inline-block; }
}

This will only show 5 photos when the width of your site is less than 600 pixels, which it is on the majority of mobile devices. You can change the values in the snippet accordingly.

Technical Support

Still have questions? We are here to help you succeed.

Open a support ticket