You can create a full height section two ways in Divi. In the past, the only method was with a simple CSS snippet, but now there is also a way to do this directly in the Divi Builder. This tutorial will show you both method in case you need one or the other depending ont he situation.
Make A Divi Section Full Height With The Sizing Settings
Go to any Divi Builder section settings to the Design tab. Go to the Sizing toggle and find Min Height setting. Set the min height value to “100vh” and save the change.
That was easy! Now your hero section will be the same height as any device that your website visitors are using, whether that be desktop, tablet, or phone.
Make A Divi Section Full Height With CSS
The althernative option involes just one line of code which needs to be added to the section that you want to be full height.
Go to the section settings to the Advanced tab. Go to the Custom CSS toggle and find the Main Element. Copy and paste the following code snippet below into that input area.
There you go, that is two methods to create a full height hero section in Divi. I hope you enjoyed that and can put it to good use on your Divi websites!