Row height

Hi Vlad,

How do I ensure that a row always fills up the entire screen (e.g. like the header)?

Thanks!

Hi,

The slider is set full screen with JS. It’s not that easy for rows. Try adding a class to the row you want from Edit Row and then add this in a custom CSS plugin:


.yourClass {
    height: 100vh;
}

That works great. Thank you, Vlad!

Sorry, just realized something. Use it like this please:


@media only screen and (min-width: 1024px) {
  .yourClass {
      height: 100vh;
  }
}

The code will be applied only for screen widths of 1024px and above. Adjust 1024 if your content demands it.