Make section and header fill window


I want my page to look like this one, where the header, which is 16 em high, plus the first section fills the window vertically together (header+section 1=100vh). I’ve tried setting the dimensions of my header to a vh value, but don’t want the header to resize when resizing the window. I also don’t know how to change the height of my section.

Is there ant way I can achieve this look?


Hi Bruno,

Thank you for writing in, please add this to the Row’s Element CSS area (yes in the Row not section).

$el {
  min-height: 100vh;

This will take care the height of the two columns. Make sure your section and row has no margins and padding so the height will be exactly 100vh (fullscreen).

If this did not help, please provide us login credentials in a secure note so we can take a closer look.


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.