Aspect Ratio To Increase Mobile Slider Height

Taller on Mobile – Using Aspect Ratio Change.

sliderincreaseTo do this without having to re-create all assets for mobile – we can alter the aspect ratio of the image / video containers – then tell the images and video to fill up the new space. Without a new design – we will lose a certain percent of the original image – but with pre-planning – we should be able to create 1 image that works for both. The video slides – already can work as they are.

We can choose if we want to have “safe zones” in the middle of the slide / or on the right or left.

Safe Zone in Middle of slide (2000 x 800px slide)

hohoh-1

taller-on-mobile-centerd-1-2048x2048

Safe Zone on left side of slide (2000 x 800px slide)

hohoh_left-1

taller-on-mobile-left-1