WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Header / How to setup Header type 3. Vertical header

How to setup Header type 3. Vertical header

4380 views 0

Content

  • Overview
  • Set Header Type 3
  • Manage the vertical menu items
  • Add widgets to Header Type 3
  • Frontend example
  • Important notes
  • Related help articles

Overview

Header Type 3 is the vertical WPResidence header layout. It is displayed on the left side of the website and is open by default.

This header type is useful when you want a fixed vertical menu layout instead of a classic horizontal header.

Header Type 3 can include:

  • The website logo
  • The main navigation menu
  • Widgets added before or after the menu area

Set Header Type 3

To enable Header Type 3, go to:

Theme Options > Header > Header Settings

Find the Header Layout option and select:

type3

Save the changes.

Manage the vertical menu items

The menu items shown in Header Type 3 are managed from the WordPress menu settings.

Go to:

Appearance > Menus

From this section, you can:

  • Create a new menu
  • Edit an existing menu
  • Add pages, custom links, categories, or other menu items
  • Reorder menu items
  • Assign the menu to the theme menu location

After editing the menu, save the menu and check the front end.

Add widgets to Header Type 3

Header Type 3 also supports widgets.

You can add widgets before or after the vertical menu from:

Appearance > Widgets

Look for the Header Type 3 widget areas and add the widgets you want to display.

You can use this area for content such as:

  • Contact details
  • Social icons
  • Short text blocks
  • Custom HTML
  • Other WordPress widgets supported by the theme

Frontend example

This is how Header Type 3 looks on the front end:

https://seattle.wpresidence.net/

Important notes

  • Header Type 3 is a default WPResidence header layout controlled from Theme Options > Header.
  • The menu items are managed from Appearance > Menus.
  • The extra content around the vertical menu is managed from Appearance > Widgets.
  • Header colors and design options are managed separately from the header layout selection.
  • Mobile header behavior is managed separately from the desktop Header Type 3 layout.
  • If you use a custom header created with WPResidence Studio, that custom header can replace the default theme header in the locations where it is assigned.

Related help articles

    • Theme Options – Default Header
    • Customizing Header Colors and Styles in WPResidence
    • Working with the Mobile Header in WPResidence
    • Widgets and Sidebars

 

Header

Related Articles

  • Confirm Account via Email
  • WPResidence Studio – Mega Menu Template
  • WPResidence Studio – Header & Footer Custom Templates
  • How to set Theme header and Media header (video tutorials and articles)
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API