Setting Up the Header

This guide explains the classic header setup. For more flexibility, drag-and-drop layout control, and device-specific customization, we recommend using the Header Builder instead.
See: How to Use the Header Builder

The header appears transparently over the slideshow and includes several elements that you can fully customize:

1. Logo: Change or upload a new logo in Appearance → Customize → Site Identity.

Additional customization options:

• If you use a text logo, you can change its font in Appearance → Customize → Typography → Site Title
• Adjust the color in Appearance → Customize → Colors → General → Logo

2. Menu: Manage your site’s navigation in Appearance → Menus.
See more: Building Custom Menus

Additional customization options:

• Change the font in Appearance → Customize → Typography → Menu Links / Dropdown Menu Links / Mobile Menu Links
• Change the colors in Appearance → Customize → Colors → Main Menu

3. Social Icons: After installing the Social Icons by WPZOOM plugin, go to Appearance → Widgets, and add the widget to the Header Social Icons widget area.
See more: How to Add Social Icons to Your Website

4. Search Icon: Show or hide the search feature by toggling the Show Search Form option in Appearance → Customize → Header Options.

5. Shopping Cart Icon: Display the WooCommerce cart in the header by enabling the Show WooCommerce Cart Icon option in Customize → Header Options (requires WooCommerce).

6. Hamburger (Sidebar) Menu – Add or remove content from the off-canvas sidebar by managing widgets in the Sidebar widget area in Appearance → Widgets.

Header Layout & General Options

In addition to customizing individual elements, you can adjust the overall header layout, header width, and toggle other features such as sticky behavior in Appearance → Customize → Header Options.