Header settings reference

The Header area under Settings → POM Theme → Site layout is divided by responsibility. This reference helps you locate a setting after the initial header has been built.

Header general settings.

Use this subsection for the main desktop structure and behavior:

• The header style and layout. selects the structural variant, including default, centered, split-menu, and sidebar-navigation arrangements.
• Full-width header controls whether the header content uses the available width.
• Sticky header on scroll keeps the header available while the visitor moves down the page.
• Auto hide header on scroll hides it while scrolling down.
• Navigation bar transparency offers Partially transparent, Totally transparent, Gradient (top to bottom), and Opaque.
• Header navigation bar alpha sets the opacity used by the relevant transparent treatment.
• Header navigation bar padding controls top and bottom padding.
• Prepend reusable block places a selected reusable block before the header.

This subsection also includes the optional login presentation, including its position, username and Gravatar display, and Login icon action.

Optional header areas

When a bar is enabled, save the theme settings before checking Appearance → Menus → Manage Locations for its left and right menu locations.

Full screen navigation content

Enable Full screen navigation, then choose any combination of the following content:

1. Assign a menu to the Full screen location under Appearance → Menus → Manage Locations.
2. Use Append reusable block to add a designed reusable section.
3. Leave Display copyright in full screen navigation enabled to show the footer copyright text and credits below the menu, or disable it to remove that complete row.

The full-screen panel omits the menu row when no menu is assigned. It also omits the surrounding menu-and-copyright wrapper when no menu is assigned and the copyright option is disabled, allowing the selected reusable block to be the panel's only content.

When the feature is active, Settings → POM Theme → Advanced → Custom CSS → Component CSS → Fullscreen navigation provides complete control of the generated overlay, menu levels, controls, social links, responsive typography, and configured background. Saving that component replaces the complete fragment at its normal position inside website.min.css.

Search CSS

Enable Settings → POM Theme → Templates → Search → Search form to display the native search form in site navigation. While it is active, Settings → POM Theme → Advanced → Custom CSS → Component CSS → Search provides the complete navigation search overlay, inline form, results, loading and responsive states, plus the inline-search color generated for every configured Header color preset. Saving Search replaces that complete fragment at its normal position inside website.min.css.

The following Advanced search form controls editor belongs to the bundled WP Advanced Search framework rather than the native navigation Search. It remains available when Search form is disabled because advanced forms can use its radio and checkbox controls independently.

Visual settings

Use Header colors for the shared header palette and Header typography for navigation text. Keep global brand type and colors in the Design system; use these header-specific values when the navigation needs a distinct treatment.

Each additional preset in Header colors can provide its own desktop and mobile header logos. Use the optional width and height fields beside each logo when that preset needs intrinsic dimensions different from the main brand logos. Leave a dimension empty to omit that image attribute.

Separate areas

The following are adjacent to the header but are not configured in this subsection:

• Mobile navigation has its own panel layout, colors, menu titles, background image, and copyright text.
• Subheader controls the page-title area below the header.
• Breadcrumbs controls the navigation trail and whether it appears after the header or after the subheader.

Advanced Header CSS control

Use Settings → POM Theme → Advanced → Custom CSS → Component CSS → Header when you need to replace the complete generated CSS for the shared navigation foundation, main navigation, Top bar, and Bottom bar. The editor also includes their configured font families, colors, spacing, states, and responsive behavior. Navigation font-family rules therefore appear in Header rather than the general Typography component.

Saving this component replaces that complete fragment at its normal position inside website.min.css. Later changes to related Header settings are still saved, but they do not affect the customized fragment until you review the current Theme CSS and either update your version or use Revert to theme CSS. For a small rule that should simply override the generated result, use the general Custom CSS editor instead.

Side and mobile navigation, Fullscreen navigation, Search, and Header title and subheader retain their own complete component editors because they occupy separate positions in the generated stylesheet.

Related guides

• Follow Build a complete site header for setup order.
• Use Configure the desktop header for structure and menu assignment.
• Use Sticky and transparent header behavior for scroll states.
• Use Configure mobile navigation for the narrow-screen panel.