The Divi Theme comes with a drag and drop page builder, called the Divi Builder. While it has a simple, clean presentation, the padding and large buttons can make it feel a bit claustrophobic on smaller screens. With a bit of a CSS tweak we can make it a nice spacious full-screen settings page.
Here's how it looks normally:
Here's how it looks in full-screen mode:
Using Divi Booster to make the Divi Builder settings full-screen
I've added a new feature in my Divi Booster plugin to enable full-screen Divi Builder settings editing. To access it, go into the Divi Booster settings page ("Divi > Divi Booster" from the WordPress dashboard). You'll find the setting under "Divi Builder > Standard Builder", like so:
Technical Details – Making the Divi Builder settings full-screen
Here's the CSS that Divi Booster uses to achieve the full-screen effect: