Hey,
I am trying to optimize my banner images differently for Desktop and Mobile. I want to make it so that the selected image for mobile is 9:16 and completely fills the screen and the selected image for Desktop is 16:9 and fills up the entire screen with the button still in the middle for both devices (no room for scrolling).
My problem is that when I add the mobile image, It only takes up half the screen even though it’s 1080x1920. I would like for each image to be full screen on desktop and mobile without any cropping AND with the button in the middle on both devices screens.
I been looking for a solid fix for this on the Dawn theme for a while and just cannot find anything.
Website: https://www.wholesomeboy.co
The images I attached below are of the desktop (looking how I want it) and the mobile version looking cropped and not full screen (not how I want it).
Please see images below:
