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