Top bar
The top bar is a narrow strip above the main header row. Use it for content that stays visible across all pages.
Open Appearance → Customize → Header → Top Bar to configure it.
Columns and elements
Section titled “Columns and elements”The top bar is split into three columns — Left, Center, and Right. Each column has its own repeater control where you add and arrange items.
Unlike the header builder, the top bar doesn’t use a drag-and-drop layout builder. Instead, each column works like a list. Click + Add Element on a column to add items, then drag to reorder them within that column. You can’t drag elements between columns or change column widths.
Elements available
Section titled “Elements available”| Setting | Description |
|---|---|
| Announcement text | A short message displayed in the top bar. |
| Social links | Links to your social media profiles. Icons are shown for each platform. |
| Language switcher | Dropdown to switch site languages. Requires WPML or Polylang. |
| Currency switcher | Dropdown to switch currencies. Requires WooCommerce. |
Turn the top bar on and off
Section titled “Turn the top bar on and off”The top bar has its own visibility toggle in the Customizer. When turned off, the main header starts at the very top of the page.
Next steps
Section titled “Next steps”- Explore the header builder — design the main header layout with a drag-and-drop builder.