Make Section 100vh minus Header

Hey,

I have another, short, question: is it possible to give a section a height of “100vh”, minus the height of the “header”? In my case the header (on desktop) is 115px high. The following CSS code achieves the wanted result:

min-height: calc(100vh - 115px);

On mobile devices, for example, the header is 98px high. Is there any way to “automate” it? Or do I have to create separate CSS code for each section that should have 100vh, for desktop, tablet and mobile?

Thank you.
Greets from Germany.

Hello,

You need to write CSS for desktop and mobile separately and add in the specific Custom CSS areas under Theme Settings >> Custom CSS.

Best Regards

[Author]

Posts