Set Height Automaticlly when page is stretched

Hello,

I got one little problem. I made a side menu as reusable element. I set everything what I can in it to NOT be fixed width and keep aspect ratio when stretched. But when I addint this elements to some page it stretching but dont changing height. Is there any way to manipulate height of element to be fitted to current screen?

Hello!

Nest it inside a page tall floating group. Make sure it is set to float relative to both top and bottom and the fg has to have the exact same page height.

@cmarchan, thanks for this but unfortunatley this not make a trick:

The page height is 786px and my screen is 1920x1080px so its stretched in width but not in height.

Make your page taller

But accordingly to best practicies webapps/websites should be done for the basic and be stretched to higher resolutions. So it should be done in 786px as this is the smallest resolution and should be automaticlly stretched to higher.

Bubble works differently.

Try setting it to 400-500px and that is as high it will go.

I usually set my page heights to cover the tallest monitors … 1080px

Hmm, there is no any css or js related plugins in which we could accomplish this simple kind of stuff?