Header

The header holds your logo, the primary menu and the header actions: search, a cart icon and up to two buttons. You choose its layout, whether it is Light or Dark, whether it stays on screen as visitors scroll, and the screen width at which the menu turns into a menu button.

How to set it up

1. Go to Appearance → Customize → Header.
2. In Header Layout, choose a Header Layout.
3. In Header Appearance, set Header Theme, Show Header Border and Sticky Header.
4. In Navigation, set Navigation Position.
5. In Mobile Menu Breakpoint, set Collapse menu to mobile at.
6. Select Publish.

Buttons, search and the cart icon have their own sections in the same panel: see Header buttons, Search and WooCommerce.

Layouts

Layout	What it looks like
Default (Single Row)	Logo, menu and actions on one full-width row.
Stacked (Two Rows)	Logo and actions on the first row, the menu on its own bar below. Gives a long menu the full width.
Floating (Rounded Pill)	The single row drawn as a rounded bar with its own background, outline and shadow, set in from the edges of the window.

All three use the same menu button and drawer on phones.

Float over the first section

Float Over First Section appears under Header Layout and works only with the Floating (Rounded Pill) layout. The pill then sits over the top of the page’s first section instead of in its own band above it. It applies only where that looks right, decided page by page:

• a page built with Promptless WP, with sections, in Full Width display mode;
• and no breadcrumb trail showing on that page.

Everywhere else, including blog posts, archives, search results, shop pages and Shortcode pages, the pill keeps its normal place. The first section gets extra space at the top so its content starts below the pill. The pill keeps its own background, so it stays readable over a dark or a light section and keeps the Header Theme you chose. There is no transparent header option.

Options

Option	Where	What it does	Default
Header Layout	Header Layout	The three layouts above.	Default (Single Row)
Float Over First Section	Header Layout	Floating layout only, as described above.	Off
Header Theme	Header Appearance	Light or Dark, from your palette.	Light
Navigation Bar Theme	Header Appearance	Stacked layout only: Same as Header, Light or Dark for the menu bar.	Same as Header
Show Header Border	Header Appearance	A line under the header. On the Floating layout it is the pill’s outline.	On
Sticky Header	Header Appearance	Keeps the header at the top of the window while scrolling.	On
Navigation Position	Navigation	Left, Center or Right alignment of the primary menu, in every layout.	Center
Collapse menu to mobile at	Mobile Menu Breakpoint	The window width below which the menu becomes a menu button.	768px

Sticky behaviour by layout

• Default and Floating: the whole header stays at the top. The floating pill stays slightly below the window edge with content scrolling behind it.
• Stacked: on wider screens only the menu bar stays; the logo row scrolls away. Below the menu breakpoint the header row stays instead.

The theme leaves room for a sticky header when the page jumps to an anchor link or when keyboard focus moves, so nothing lands underneath it.

Menu breakpoint

Collapse menu to mobile at offers 640px, 768px, 900px, 1024px and 1200px. Pick a larger value when the menu has many items or long labels that wrap or overflow on tablets. Custom CSS you have written for 768px does not follow this setting; only the theme’s own rules do.

Logo

The theme uses WordPress’s Logo in Appearance → Customize → Site Identity. With no logo, the header shows the Site Title as a link.

Because the header and footer can each be Light or Dark, you can add logo versions for dark backgrounds:

Setting	Where	Used when
Logo	Site Identity	Light header or footer, and as the last fallback everywhere.
Logo — dark backgrounds	Site Identity	The header or footer uses Dark. Falls back to Logo.
Footer logo — light backgrounds	Footer → Footer Appearance	The footer uses Light. Overrides the logo in the footer only.
Footer logo — dark backgrounds	Footer → Footer Appearance	The footer uses Dark. Falls back to Logo — dark backgrounds, then Logo.

All are optional. The header never uses the footer logos.

Limits and common problems

• Float Over First Section does nothing. The layout is not Floating, or the page is not a Promptless WP Full Width page with sections, or breadcrumbs show on it. See Breadcrumbs to hide them on one page.
• The menu wraps onto two lines on tablets. Raise Collapse menu to mobile at, or use the Stacked layout.
• A dark logo is hard to see on a dark header or footer. Add Logo — dark backgrounds.
• The menu does not appear. No menu is assigned to Primary Menu. See Menus.

Related pages

• 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.
• 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.
• Top Bar — Turn on a thin utility bar above the header with a left and a right menu, set it Light or Dark and sticky, and choose whether phones show it or fold it into the menu.
• Breadcrumbs — Turn on a breadcrumb trail under the header, choose which kinds of page show it, hide it on one page, and see how it works with SEO plugins.
• Search — Add a search icon to the header that opens a full-screen search with instant results, and see what the search results page shows.
• Customizer Settings — Every setting the Promptless theme adds to Appearance → Customize, with its choices, its default, its stored key, and whether the Promptless WP connector can change it.