Issue with full height row

[Kobber]

Hi,

I tried to make a section full height with: height:100vh; - but that doesn’t work if that section has two or more columns.

Then I used the same code on the row in the section, and that works on large screens but not on smartphones.

I’ve attached two images. The first one is from Cornerstone and the second one is a screenshot from my iPhone which shows two different results.

Is there a workaround?

[Kobber]

Oh… I forgot the url: https://vektropol.dk/tester/

[christian]

Hey @Kobber,

The height:100vh actually works. The problem with using that in mobile is you’re force limiting the height of your section instead of letting the content dictate the height of the section.

I recommend that you apply that 100vh height only in tablet screens and above. You can do so by adding this code in the Section’s Element CSS

@media (min-width:768px) {
	$el {
		height:100vh !important;
	}
}

Hope that helps.