Please see my website at www.finesseinteriorsltd.com
Setting the Banner Images to view properly on all devices is a nightmare. I've attempted to do this in many ways and managed to get what I wanted for desktop viewing. I did this by adding blank space to the bottom of my images and then setting the viewing point top centre. The images are set to view at half size so the blank space doesn't show up anyway, so great, I thought. Until you view these images on other devices. For some reason the half size view doesn't apply to other devices and because of this the blank space shows up.
Is there a way of handling this issue within my template or using Custom CSS? Alternatively, does anyone have a suggested image size which I should use for Banner images? I know from looking through the Help section that 1500px is a recommended width but there are no suggestions on the depth of images.
Change banner font size on mobile device 2 Answers