Topbar

Topbar & header social panel has three sections – 1. Topbar 2. Topbar text 3. Topbar/header social.

Top Bar (General):

Topbar Section of topbar panel
1.    Topbar Hide

This option gives you possibility to hide or show topbar.

2.    Topbar Layout

This option gives you possibility to hide/show the topbar socials or topbar text. You can change the alignment of socials and text as well. This control has four options – 1. Social Right – Text Left 2. Social Left – Text Right 3.  Social Only 4. Text Only

Social Right – Text Left
Social Left – Text Right
Social Only
Text only

Note: If “site header align”(Site header panel->site header section) is “menu,branding,social – inline” selected, above control “topbar-layout” will be disappeared. Topbar will contain topbar-text only. Topbar social goes to on site header.

3.      Topbar Background Color

Using this control you can change the background color of topbar

4.      Topbar Bottom Border

These options give you possibility to adjust bottom border color, border style and border width

Top Bar Text:

Topbar Text
1.    Topbar Text Input

You can enter text items up to three. Three icons can be selected.

2.    Topbar text Color

Topbar text item color, hover color can be selected by these options.

Topbar Text Color
3.    Topbar Text Input Font(PRO)

This option gives you possibility to adjust icon and text font size of each item.

4.    Topbar text Align(PRO)

Topbar text can be aligned by this option. Left or center or right.

Top Bar Social and Header Social:

1.    Topbar/Header `Social Input

These controls give the possibility to select two to eight social icons.

Topbar Social and Header Social
2.    Topbar/Header Social Color

Social icon color, background-color, hover color, hover background color(pro), border color(pro), hover border color(pro) can be selected by these options.

3.    Topbar Social Border(Pro)

These options give you possibility to adjust border color, width, style and radius.

4.    Topbar Social Align(Pro)

Topbar socials can be aligned by this option. Left or center or right.