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 browser.

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 speci­fic 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 browser or you see the gallery on dif­fer­ent devices (tablets, com­put­er, mobile phone).

Updated on April 20, 2017

Was this article helpful?

Related Articles