How to configure default TopBar

How to configure default TopBar

To configure topbar navigate to the

Dashboard >> Appearance >> Customize >> Desktop Header >> Top Bar.
You will have the following options:

Enable Topbar – Allows you to enable or disable topbar for your site.

Disable Topbar on mobile view – Allows you to disable topbar for your site on mobile view.

Topbar Type – Allows you to select default theme topbar or topbar made using Elementor.

Info Links – Allows you to add the link title, link URL and an icon. Fontawesome classes are used to set icons. Check https://fontawesome.com/ for further assistance.

Social Links – Allows you to add the social link title, social link URL and an icon. Fontawesome classes are used to set icons. Check https://fontawesome.com/ for further assistance.

Background Color – Allows you to choose a background colour for topbar.

Text Color – Allows you to choose a text colour.

Text Hover Color – Allows you to choose a text hover colour.

We also give you an option to create custom topbar with Elementor, To create a top bar with Elementor refer next point.


Enable Topbar Reign Theme
    • Related Articles

    • How to configure default TopBar

      To configure topbar navigate to the Dashboard >> Appearance >> Customize >> Desktop Header >> Top Bar. You will have the following options: Enable Topbar – Allows you to enable or disable topbar for your site. Disable Topbar on mobile view – Allows ...
    • How to configure default TopBar

      To configure topbar navigate to the Dashboard >> Appearance >> Customize >> Desktop Header >> Top Bar. You will have the following options: Enable Topbar – Allows you to enable or disable topbar for your site. Disable Topbar on mobile view – Allows ...
    • 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. ...
    • 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. ...