Header Buttons

The header can show up to two buttons, such as Book a visit and Call us. Each button takes its colours and shape from Promptless WP’s button styles, so it matches the buttons in your sections.

How to add a button

1. Go to Appearance → Customize → Header → Header CTA.
2. Enter Button 1 Text and Button 1 URL. A button appears only when both are filled in.
3. Choose Button 1 Style and Button 1 on Mobile.
4. For a second button, fill in the Button 2 fields the same way.
5. Select Publish.

To remove a button, clear its text or its URL.

Options

Option	Choices	Default
Button 1 Text, Button 2 Text	Any short label.	Empty
Button 1 URL, Button 2 URL	A full URL or a site path.	Empty
Button 1 Style	Primary, Secondary, Ghost / Outline	Primary
Button 2 Style	As above	Secondary
Button 1 on Mobile	Keep in header bar, Move into mobile menu	Keep in header bar
Button 2 on Mobile	As above	Move into mobile menu
Mobile Menu Button Position	Top of menu, Between top bar and menu, Bottom of menu (default)	Bottom of menu

The styles use the Primary, Secondary and Ghost button settings from Promptless WP’s Global Settings, in their compact size.

How buttons behave on phones

On screens wider than the menu breakpoint, every button shows in the header row, whatever its on Mobile setting. Below the breakpoint:

• A button set to Keep in header bar stays next to the menu button.
• A button set to Move into mobile menu appears inside the menu drawer when it opens.
• Only one button can stay in the header bar. If both are set to Keep in header bar, button 2 moves into the menu.

Mobile Menu Button Position places the moved buttons in the drawer. Between top bar and menu means between the top bar’s links and the main menu, so it only applies when the top bar is set to Collapse into Hamburger Menu. Without that, the buttons go to the top of the menu instead.

The breakpoint is set in Header → Mobile Menu Breakpoint; see Header.

Using the connector

An AI assistant connected through Promptless WP’s connector can set every option on this page with wordpress_header_set. See Connector Tools.

Limits and common problems

• The button does not appear. Both the text and the URL must be filled in.
• Button 2 is in the menu on phones although it is set to stay. Button 1 is also set to stay, and only one fits.
• The buttons are at the top of the drawer, not between the top bar and the menu. The top bar is off, has no menus, or is set to Always Show at Top.
• Two buttons is the limit. For more calls to action, add them as menu items or put them in a section.

Related pages

• 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.
• 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.
• Global Settings — Every site-wide design setting in the Global Settings panel, tab by tab, with what each one changes and its default.