Getting images to “Cover”
-
In the slider configuration settings, you can set the H/W for the slider. This works well, but for the instance I am using the slider, I need to always have it so the height is held to 100% of the image size and the width of the image be cropped. The reason for this, is the slider is being used as a full background display on mobile devices.
If you go to?https://atelierro.com/home-page?(you must use the /home-page in the url, as this is a test page) on a mobile device, you will see the slider in action. I set the slider dimensions to 834 x 1112 for the largest mobile viewport, an iPad Pro and it renders fine on that device. However, if you view it on any mobile device, less than 834px wide, (which is virtually all mobile devices (with the exception of iPad Pro) you will see that the slider holds the width at 100% and let’s the height fall short. I need the exact opposite and need the height to always fill the viewport and the width to crop. Is there any way to achieve this?
The page I need help with: [log in to see the link]
- The topic ‘Getting images to “Cover”’ is closed to new replies.