How to make a HeadLine section fit to browser screen size?


#1

How to make a HeadLine section fit to browser screen size? The page has multiple sections but when the page is visited, only the first section should fill in the screen, until user scrolls down.

I am trying to use the 
      height: 100vh;
in css. Though this provides the solution, the text in other sections is moving up/down(disoriented).

Any suggestions please?


#2

Hi Jonathan, 
It sounds like you’re trying to make the very first page section be dynamic with the 100vh; bit. At the moment, there isn’t any foolproof way to achieve a full-screen section that dynamically fills the entire screen (until scroll down) with multiple page sections. The reason being is because our page builder publishes pages as absolute positioning, which makes it very difficult to approach this from a CSS perspective. So far, we haven’t found any way to overcome this just yet - but if you do find a workaround that works for you, please be sure to share it with the Community. :)At this point in time our builder doesn’t support 100vh; as it publishes each page via the WYSIWYG.