How to use Transparent Header module?

Step 1: Enable the Transparent Header Module

Step 2: Go to customizer.

Once the Transparent Header Module is enabled, you will find new settings under Layout panel

Step 3: Configure the Essentials

You can configure the logo for Transparent Header as you can see in the screenshot:

If you need the Transparent Header for the complete website, click “Enable on Complete Website“. If not, just leave it unchecked.

Transparent headers generally are not suitable for pages like blog archive, categories, etc. So unless you need it enabled intentionally, we recommend “Force Disable on Archive Pages?” option checked.

Step 4: Customize Colors

To customize the colors, visit the colors and background panel in the customizer where you can find settings for Transparent Header.

Step 5: Enable or Disable on only Select Select Pages

You can enable or disable the Transparent Header on select pages in the meta settings of the particular pages