How to make a Divi transparent header

Having a transparent header in Divi is a popular design trend that allows your hero section to have a greater impact when the user first visits your site.

The navigation menu text is still visible but the menu bar is transparent and sits on top of your page content as in the screenshot below.

If you are building a transparent Divi header in the Divi Theme Builder using the Divi Menu module then you can follow the steps in option 1 below. If you are using the default Divi header that ships with Divi then you can scroll down to