Make section and header fill window

[Brun3o]

Hey,

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?

Thanks!

[friech]

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.

@Themeco1

###Secure Notes

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

Cheers!