Group stretch to 100% vp height

Need help Responsiveness
1

Hi

I am trying to make a group stretch vertically to the height of a browser window.

I have set up the group as below:

image
image330×660 35.2 KB

The group has an id attribute of .maingroup and I added this styline to the page html header:
image

I’m still getting the following result when the content height reduces.

image
image1551×1044 245 KB

I have seen a few similar posts and the solution has been a plugin, is this still the case?

Thanks
Robbie

2

For ID attributes you need to use “#” selector

3

Hi,

Thanks for the response.

I just tried this and no difference:
image

Is that what you meant?

Thanks
Robbie

4

Are you on a free plan? If so, your custom code will not work in the page header. If that’s the case, try using an HTML element placed somewhere on the page.

5

Thanks. No on the pro plan.

I tried the html element but still no change
image

1 Like
6

There’s no actual need for CSS styles to achieve this, since the new responsive engine does this for you. I get this behavior when the debugger is on, try turning the debugger off by changing the “debugger=true” to “debugger= false” in the URL parameter, remove the Style tag from the header, the configuration you have on the vertical behavior should be enough.

7

Hi Aestela,

Thanks for the response.

I still get the same behaviour with the debugger turned off and css removed.

image
image1374×1128 217 KB

Its strange that such a simple thing can be so difficult.

8

Could you share me the editor link (through DM) so I can have a look at it?

In Settings - General - Privacy, set the app to “everyone can view” on the “define who can see and modify the app”.

This would be the faster way to help you debug this.

If you don’t feel like letting anyone into the editor, then share with us the “group structure” on the element tree, there must be some parent group limiting the vertical stretch.

9

Solution was turn off debugger and uncheck fit to content in parent group.