Archived topic
Full height image in container in all devices
5 replies · Started by Dimitrios on August 14, 2021
Hi team,
I have setup an image into a container in order to set it as full height in all devices.
So I did set 100vh to all devices tabs as the minimum height field into container, but it does not work.
When I minimize the window width at desktop it looses the height. In smartphone the image is set to full width, but not at full heght.
Thank you.
Hi there,
can you share a link to where we can see the issue?
Hi Dimitrios,
The container is full height, but not the image.
You can try this CSS to force the image to be full height as well, but then the image might lose its aspect ratio.
.gb-container-4b768e35 img.wp-image-1915 {
min-height: 100vh;
}I think the better way is to remove the image block but set it as the background image for the container.
Let me know if you need further assistance :)
Ηι Ying,
The background image worked very well.
Thank you very much for helping!
Dimitrios
You are welcome :)
