Billboard Resizes In Browser But Crops On Mobile Device

I have been working on my website recently and using the page editor on my home page. I added a billboard which is most of the width of my page. When I resize my browser window, it resizes the billboard fine. When I view my site on a mobile device, instead of resizing the billboard it crops it instead. Is there a trick or suggestion for working with this? Thanks!

Edited by

The photo is going to fill the container of the billboard no matter what screen resolution. So at any resolution there will be cropping, more so on mobile in portrait mode.

In the row settings for the billboard, you can set the height in pixels or view height (VH). You can try pixel height and it may not crop as much.

You could use a slideshow instead. In the page designer, its the Slideshow & Gallery option in the add design element menu. The slideshow will display the photos with no cropping like the hero / billboard option.

Edited by