Skip to the content
Peregrine KnowledgebasePeregrine Knowledgebase
  • Go to website
  • Go to website
  • Yelp
  • Facebook
  • Twitter
  • Instagram
  • Email

How can we help you?

Hester Pro

21
  • Theme Installation
  • Steps after Activating Hester Pro theme
  • Add widgets in sidebar or in Footer widget area
  • Enable front page sections
  • Home Sections
    • Slider Section
    • Info section
    • Service section
    • About section
    • Team section
    • Testimonial section
    • Pricing plan section
    • Call to Action section
    • Gallery section
    • Fun-facts section
    • Feature section
    • Steps to start section
    • Work history / timeline section
    • Workflow section
    • Clients section
    • Extra section
    • Design options

Bloglo Pro & BlogHash Pro common

2
  • Add social media profile links in header
  • Post Formats

ShopWell Pro

58
  • Download & Install ShopWell Addons Plugin
  • How to Install and Activate Required and Recommended Plugins
  • Import Demo
  • Configure Product Images in WooCommerce
  • πŸ”¨ Product Archive Builder
  • πŸ› οΈ Single Product Builder
  • How to change homepage products in the ShopWell free theme?
  • Customizer
    • General
    • Styling
    • Typography
    • Topbar
    • Header
      • Topbar
      • Campaign Bar
      • Header Layout
      • Header specific pages
      • Overriding the Header on Specific Pages
      • Header Builder
      • Sticky Header
      • Header Background
      • Header Elements
        • πŸ” Configuring the Header Search in ShopWell Theme
        • πŸ‘€ Account
        • ❀️ Wishlist
        • πŸ”„ Compare
        • πŸ›’ Cart
        • πŸ“ Custom Text
        • Preferences πŸŒπŸ’±
        • View History
        • πŸ“Œ Primary Menu
        • πŸ“Œ Secondary Menu
        • πŸ—‚οΈ Category Menu
        • πŸ” Hamburger Menu
      • Mega Menu
        • Mega Menu Vertical
        • πŸ” Mega Menu Hamburger
        • 🧩 Configure Mega Menu
        • Mega Menu Horizontal
    • Footer
      • Footer
      • Overriding the Footer on specific pages
  • Elementor
    • βš™οΈ Elementor Basic Configuration Guide
    • Templates
    • πŸ“’ Popup Builder
    • ShopWell Builder
    • Widgets
      • πŸ›οΈ Product Deals Grid / Carousel
  • Pages
    • πŸ“„ Creating a Page
    • βš™οΈ Display Settings
  • Woocommerce
    • πŸ›’ Getting Started with WooCommerce
    • πŸ“„ WooCommerce Pages
    • πŸ›’ Customize the Checkout Page
    • πŸ“¦ Create an Order Tracking Page
    • πŸ‘€ My Account Page Setup in WooCommerce
    • πŸ›οΈ Catalog Mode
  • Shop
    • WishList & Compare
    • πŸ’± Currency Settings
    • πŸ›οΈ Shop Display
    • 🧩 Product Filters
  • Mobile
    • Topbar
    • Header
    • Footer
    • Miscellaneous
  • Home
  • Docs
  • Header Builder
View Categories

Header Builder

1 min read

The ShopWell Header Builder gives you full control over your header layout. You can add or remove elements, arrange them in different columns, and style them to match your site’s branding.

Activate the Header Builder #

Go to Appearance β†’ Customize β†’ Header β†’ Header Layout and select Present options as Build my own .

Header Structure #

Before you start building your own header layout, it’s important to understand its structure. The header is composed of two main sections: the Header Main and the Header Bottom.

Each of these sections is divided into three columns: Left, Center, and Right.

You can place items within these columns to create your desired header layout.

Add Items to Your Header #

Once the header builder is activated you can navigate to Header Main and Header Bottom sections to add different Header Items into the Left, Center, or Right columns. Supported items:

  • Logo
  • Cart (Woo-commerce)
  • Wish-list (requires compatible plugin)
  • Compare (requires compatible plugin)
  • Account
  • Search
  • Primary Menu
  • Secondary Menu
  • Category Menu
  • Hamburger Menu
  • Socials
  • Return Button
  • Custom Text
  • Empty Space
  • Language (requires compatible plugin)
  • Currency (requires compatible plugin)
  • Preferences
  • View History

With the Header Builder, you have the freedom to craft a header layout that perfectly suits your site’s needs. If you need more help or run into issues, please create a support ticket.

Table of Contents
  • Activate the Header Builder
  • Header Structure
  • Add Items to Your Header

© 2025 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑