The Info Block is the topbar area that appears above the main header navigation. It displays up to three information items — typically phone number, email address, and physical location — each with a Font Awesome icon. Configure it via Theme Options → Header → Topbar.
Enabling the Topbar
| Option | Description |
|---|---|
| Show Topbar | Enable or disable the entire topbar info block. When disabled, none of the info items or topbar content will be shown. |
| Background Color | Set the background color of the topbar area. |
| TopBar Top/Bottom Padding | Set the top and bottom spacing (in px) for the topbar area. Enter numeric values only without the px unit. |
Setting the Info Items
You can display up to three info items in the topbar. Each item consists of a Font Awesome icon and a text value.
| Option | Description |
|---|---|
| Header Info 1 Icon | Font Awesome icon class for the first info item. Default: fa-phone. Find icon class names at fontawesome.com/v4/cheatsheet. |
| Header Info 1 Text | The text displayed next to the first icon. Default: phone number. Example: 1800-9090-8089 |
| Header Info 2 Icon | Font Awesome icon class for the second info item. Default: fa-envelope-o (email icon). |
| Header Info 2 Text | Text for the second info item. Default: email address. Example: help@obsequy.com |
| Header Info 3 Icon | Font Awesome icon class for the third info item. Default: fa-map-marker (location pin). |
| Header Info 3 Text | Text for the third info item. Default: street address. Example: 123, landmark address |
Styling the Info Block
| Option | Description |
|---|---|
| Header Info Typography | Controls the font family, size, weight, colour, text-transform, word-spacing, and letter-spacing for all info block text. |
| Header Info Icon Color | Sets the colour for all three info block icons. |
Topbar Right Content
The right side of the topbar can display one of the following:
| Option | Description |
|---|---|
| Menu | Displays a WordPress menu. Assign a menu to the Topbar Menu location at Appearance → Menus. |
| Social Icons | Displays your configured social media icons. |
| None | Leaves the right side of the topbar empty. |
