Docs    Instagram    Customizations

Add Lightbox Nav Arrows for Mobile Devices

The lightbox can be swiped left or right to change the image in the lightbox but if you’d like your visitors to use nav arrows, you can add them with this CSS.

CSS

@media all and (max-width: 640px) {
  #sbi_lightbox .sbi_lb-prev,
  #sbi_lightbox .sbi_lb-next,
  #sbi_lightbox .sbi_lb-nav {
    display: block !important;
  }
  #sbi_lightbox .sbi_lb-prev {
    margin-left: 48px;
  }
  #sbi_lightbox .sbi_lb-next {
    margin-right: 48px;
  }
}
support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?