Background Images Being Cropped on Mobile Devices

Terra Spero

• March 11, 2022 13:55

Hi, I am using images in column background. The columns look fine on Desktop but on mobile devices, the background images are cropped. The issue is that we want to show the complete image as these background images contain the pictures of different band members, and we want to show all band members on all devices.

The issue is being faced on following url:

https://reggaefestfl.com/lineup/

Screenshots can be seen here:

Desktop View (https://paste.pics/GBT91)
Tablet View (https://paste.pics/GBT9F)
Mobile View (https://paste.pics/GBTA6)

0

• 

  Alex

  • March 11, 2022 21:18

  Hi,

  the thing is that on the mobile the screen size is smaller and the column changes its height and width. Also on the mobile the column opts for a vertical layout, but your image is landscape. As a solution you could reduce the column height on mobile by decreasing the space: https://jmp.sh/VV3Uw0l

  0

Please sign in to leave a comment.