Why are the images cut off from the edges when I view the gallery on different devices?

The gallery con­tain­er is chang­ing its dimen­sions depend­ing on the size of the brows­er.

If you use the Slideshow gallery, you can choose from two dif­fer­ent Image Scal­ing: Fill or Fit.

  • Fill scales image to com­plete­ly fill slid­er con­tain­er (rec­om­mend­ed for land­scape images)
  • Fit scales image to fit the con­tain­er (rec­om­mend­ed for por­trait images)

Here’s a visu­al to walk you through this process: http://pixelgrade.com/demos/assets/slider-image-scaling.png

That being said, there’s no spe­cif­ic aspect ratio or res­o­lu­tion for the images that you use to make sure every­thing looks spot­less in the gallery. Our rec­om­men­da­tion is that you should use the Fit option because it won’t cut the edges of the image, even when you resize the brows­er or you see the gallery on dif­fer­ent devices (tablets, com­put­er, mobile phone).

This article applies to Border, and Lens as they share the same underlying structure.

Updated on April 20, 2017

Was this article helpful?