The header - Verba

Header and footer

The header is a zone made of independent elements (logo, menu, search, action button, scheme switcher, ticker), so look for a setting by element rather than by the word "header."

The header with the logo, the menu, search, the scheme switch, and a Subscribe button
The header and its elements.

#Where its settings live

The free theme sets the header at AppearanceCustomizeVerba ThemeNavigation, one tab per element:

General

Overflow (Collapse Overflow Menu Items and Max Visible Menu Items), Menu Item Gap, and Color Scheme Toggle on Desktop.

Appearance

Scroll behavior, height, width, padding, background, blur, border, rounded corners, and shadow.

Branding

The header logo. See Logo and site identity.

CTA

The action button: text, URL, style, size, and icon.

Menu

Menu typography. See Menus: creating and customizing.

Mobile

The phone header, described below.

Search

See Search.

Categories

Category post counts and category sub-menus. See Category sub-menus.

Posts Ticker

See The posts ticker.

Pro keeps these settings. VerbaTheme OptionsNavigation adds the header source, the search source, the ticker source, the marketing bar, the language switcher, menu hover effects, and per-item menu options.

If you can't find an appearance setting in Theme Options, it's almost certainly in the Customizer.

#Replacing the header

With Pro, Navigation Source on the General tab of VerbaTheme OptionsNavigation is Native by default. Elementor Template or Block Pattern replaces the header completely, and Off removes it. A template or pattern is the choice when you need a composition the native header doesn't offer; the native header settings, and the Pro navigation settings that depend on them, then no longer apply.

#Behavior on scroll

On the Appearance tab, Navigation Position is Static, Sticky (the default), or Fixed. Hide On Scroll Down lets the header scroll away and brings it back the moment the reader scrolls up, and Top Offset sets the gap above it.

A header that's always on screen keeps navigation within reach and takes height from every page. One that hides on the way down gives the screen to the text and comes back on the first movement upward, which is the compromise most sites want.

#The language switcher

On a multilingual site, Pro adds a Language Switcher group to the General tab of VerbaTheme OptionsNavigation. Switcher Source takes either the shortcode from your translation plugin or the theme's Ready-made switcher, which reads from WPML, Weglot, or TranslatePress through its integration. Language Switcher Position places it beside the logo, the menu, or the action bar. Setup for each plugin: WPML, Weglot, TranslatePress.

#Narrow screens

The phone header is its own layer, on the Mobile tab: Mobile Menu, Social Profiles in Drawer, Copyright in Drawer, Search on Mobile, Call to Action on Mobile, Color Scheme Toggle on Mobile, and separate typography.

Check the header at both widths. The action button and scheme toggle have separate desktop and mobile switches, and it's easy to ship a phone header you've never looked at.

I switched the header source to a pattern and my settings stopped working

Expected. Native header settings apply to the native header. A pattern is yours to build and maintain.

Why is my menu not in the header?

The menu exists but isn't assigned to the Navigation Menu location. See Menus: creating and customizing.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.