Top Bar
The top bar adds 2 widget areas above the header (Top bar left and Top bar right). You can use them to display contact information. The height of the top bar is set to 48 pixels.
Theme Options -> Header -> Top Bar
1 Top Bar Settings
- Display top bar: This option turns on the top bar widget areas.
- Top bar text color: You can choose between dark and light text colors to match the background.
- Top bar background color: You can set a custom background color for the background.
- Left top bar dividers: Adds vertical dividers between the widgets in the left top bar widget area.
- Right top bar dividers: Adds vertical dividers between the widgets in the right top bar widget area.
- Top bar border color: Sets the color of the topo bar border and dividers.
- Make top bar fullwidth: Checking this will stretch the top bar throughout the screen.
- Make top bar always visible on mobile: This option removes the top bar toggle on mobile
Example (Light Top bar)
Example (Dark top bar)
2 Adding widgets to the top bar
You can add content to the top bar with widgets. Navigate to Appearance -> Widgets and edit the Top-bar-left and Top-bar-right widget areas.
You can find the list of supported widgets below.
Navigation Menu
You can use this native WordPress widget to display a custom menu.
