The Ultimate Divi Bundle - 5 Divi plugins. 1 great price.

Learn More

To change the height of the Divi Theme header, you can do so by adding CSS to Divi, like so:

A couple of notes:

  • This sets the minimum height rather than the absolute height to allow the header to grow if you add more content too it.
  • The first min-height sets the initial height of the header, while the second sets the height of the header when it is in the “shrunken” state it enters when the user scrolls down.
  • The code above applies the header height settings only on wide displays, so that on mobiles the usual Divi header height will be used.