Configure header with Elementor

Configure header with Elementor

Add new custom Header:

Step 1: Navigate to Dashboard >> Reign Settings >> Header >> Add New.

Step 2: Name your header and click the publish button.

Step 3: Now pressing on Edit with Elementor button will redirect you to the page builder.

Step 5: Add your elements, You are done with your job by simple drag and drop of widgets. There are multiple options to select widgets from for example Brading, Social icons, Nav menu and many more.

Step 6: Save your design changes and it will be available inside customizer to set as a global header for the website.

Step 7: Now set this header as your website’s header by navigating through
Dashboard >> Appearance >> Customize >> Desktop Header >> Select Header.

Step 8: Enable header type option and select your corresponding header from the drop down, you are all set with your new custom header.

    • Related Articles

    • Disable header icons and increase width of header sections

      We have added elementor support for header customization. You can easily change the width of logo section and also enable/ disable existing icon available inside the header.
    • Configure header with Elementor

      Add new custom Header: Step 1: Navigate to Dashboard >> Reign Settings >> Header >> Add New. Step 2: Name your header and click the publish button. Step 3: Now pressing on Edit with Elementor button will redirect you to the page builder. Step 5: Add ...
    • Configure header with Elementor

      Add new custom Header: Step 1: Navigate to Dashboard >> Reign Settings >> Header >> Add New. Step 2: Name your header and click the publish button. Step 3: Now pressing on Edit with Elementor button will redirect you to the page builder. Step 5: Add ...
    • Configure Topbar with Elementor

      We have added default topbar designs and you can easily create new and use it from customizer settings. Add new Elementor Topbar Designs: Step1: Navigate to Reign Settings >> Header. Step 2: Create a New Header. Step 3: Select Header Type as Topbar. ...
    • Configure Topbar with Elementor

      We have added default topbar designs and you can easily create new and use it from customizer settings. Add new Elementor Topbar Designs: Step1: Navigate to Reign Settings >> Header. Step 2: Create a New Header. Step 3: Select Header Type as Topbar. ...