I would like to always display the entire image (full height and width) on any screen size. The images currently cut off especially in portrait orientation on a mobile device. How do I accomplish this task?
The artwork we are putting in is too important to the brand for it to be cut off. Hopefully you can help me.
I've contacted our developers about this and the problem is when you have different screen ratios you just can't make Full Screen images and not cut off. You are using an image with fixed width, height and ratio in an area that has variable sizes and ratio (because of different screen sizes available).
Please check one of the most popular sliders on Envato Slider Revolution https://revolution.themepunch.com/examples-jquery/ (check All Filters > Full-Screen). As you can see images cut off in every demo.
I would like to always display the entire image (full height and width) on any screen size. The images currently cut off especially in portrait orientation on a mobile device. How do I accomplish this task?
The artwork we are putting in is too important to the brand for it to be cut off. Hopefully you can help me.
Thank You!!!
Hello,
I've contacted our developers about this and the problem is when you have different screen ratios you just can't make Full Screen images and not cut off. You are using an image with fixed width, height and ratio in an area that has variable sizes and ratio (because of different screen sizes available).
Please check one of the most popular sliders on Envato Slider Revolution https://revolution.themepunch.com/examples-jquery/ (check All Filters > Full-Screen). As you can see images cut off in every demo.
Best Regards,
Jelly Team