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;
  }
}

Technical Support

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

Open a support ticket