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

4244 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

  • WPResidence Studio – Mega Menu Template
  • WPResidence Studio – Header & Footer Custom Templates
  • How to set Theme header and Media header (video tutorials and articles)
  • How to set the Header Type 5 in WPResidence theme

Help Categories

  • 18Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 39Elementor Shortcodes Built-In
  • 46FAQ
  • 15Footer
  • 5Getting Started
  • 37Header
  • 2IDX & MLSImport
  • 6Installation & Setup
  • 24Installation FAQ
  • 23Maps & Location Settings
  • 21Multi-Language - Third Party Plugins
  • 6Other Third party Plugins
  • 21Pages
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 37Property Pages & Layouts
  • 31Search & Filtering
  • 162Technical how to | Custom Code Required
  • 8Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 7Translations & Languages
  • 16WPBakery Shortcodes
  • 50WPEstate / WPResidence Translate Plugin
  • 51WPResidence / WPEstate CRM
  • 50WPResidence 5.0 Documentation
  • 9WPResidence Elementor Studio

Join Us On

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