Top Bar

The top bar is a thin strip above the header with two menus: one on the left, one on the right. Use it for utility links such as a phone number, a login link, careers or a language switcher, so the main menu stays short.

It is separate from the announcement bar, which sits above it and carries a single message. A site can show both.

How to set it up

1. Go to Appearance → Menus, build one or two short menus, and assign them to Top Bar Left and Top Bar Right.
2. Go to Appearance → Customize → Top Bar → Top Bar Settings.
3. Tick Enable Top Bar.
4. Set Top Bar Theme, Sticky Top Bar and Top Bar Mobile Behavior.
5. Select Publish.

The bar appears only when it is enabled and at least one of the two locations has a menu. Each menu shows one level; sub-items are not shown.

Options

Option	What it does	Default
Enable Top Bar	Shows the bar above the header.	Off
Top Bar Theme	Light or Dark, independent of the header.	Dark
Sticky Top Bar	Keeps the bar at the top of the window with the header while scrolling. Works only when Sticky Header is also on.	Off
Top Bar Mobile Behavior	Always Show at Top or Collapse into Hamburger Menu.	Collapse into Hamburger Menu

On phones

Below the header’s menu breakpoint:

• Collapse into Hamburger Menu hides the bar and puts its links inside the menu drawer, above the main menu. Header buttons can be placed between the two with Mobile Menu Button Position; see Header buttons.
• Always Show at Top keeps the bar above the header as one row. When the links do not fit, the row scrolls sideways, with a fade at the edge that still has links hidden.

Sites that chose Hide on Mobile in theme versions before 1.1.6 now get Collapse into Hamburger Menu, so the links stay reachable.

Using the connector

An AI assistant connected through Promptless WP’s connector can set every option on this page with wordpress_header_set. The bar’s links are menus, built with wordpress_menu and assigned to the two top bar locations. See Connector Tools.

Limits and common problems

• The bar does not appear. Enable Top Bar is off, or neither top bar location has a menu.
• The bar is missing on a phone. It is set to Collapse into Hamburger Menu; open the menu drawer to see its links.
• Sticky Top Bar has no effect. Turn on Sticky Header under Header → Header Appearance.
• A dropdown under a top bar link does not open. The top bar shows one level only. Move sub-items to the top level or to the primary menu.

Related pages

• Menus — The seven menu locations the Promptless theme provides, how many levels each shows, and how to turn a top-level item into a mega menu with icons and descriptions.
• Header — Choose a header layout including the floating pill, float it over the first section, set Light or Dark, sticky and border, add light and dark logos, and set where the menu collapses.
• Header Buttons — Add up to two call-to-action buttons to the header, pick each one's style, and choose whether it stays in the header or moves into the mobile menu on phones.
• Announcement Bar — How the Promptless theme decides when to show the announcement bar, how scheduling and closing work, and where reusable element shortcodes are replaced.