Only show a few Instagram photos on mobile

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.