View Categories

Transparent Header

1 min read

YouTube video

As the name suggests, you can make your site header transparent by enabling the Transparent Header option.

Enabling Transparent Header

You can enable this setting via Appearance > Customize > Header > Headers > Global Header.

How to enable the Transparent Header setting in the customizer? #

To enable this setting on the customizer, you must first install and activate the Rishi Companion plugin and then activate the Transparent Header extension via the Rishi Dashboard.

How to enable the Transparent Header setting in the customizer

Display Conditions #

This setting allows you to add one or more conditions under which you want to display the transparent header.

Display Conditions

On clicking the “Add/Edit Conditions” button, the following popup will appear.

Transparent Header Display Condition

Add Display Conditions #

On clicking “Add Display Conditions” the following fields will appear:

add display conditions

In the left field, you may choose one of two options: “Include” or “Exclude”.

Display Condition

In the right field, you can choose the pages and posts where you want or don’t want (include or exclude) to display the transparent header.

Display conditions

Add User Conditions #

On clicking “Add User Condition” the following fields will appear:

Add user conditions

In the left field, you may choose one of two options: “Include” or “Exclude”.

Display Conditions

In the right field, you can choose for whom you want or don’t want (include or exclude) to display the transparent header.

The selection includes: user roles and log in or log out state.

Display Conditions

Enable on #

You can choose the type of device on which you want to enable the transparent header.

Enable Transparent header