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 Layout
View Categories

Header Layout

< 1 min read

The ShopWell theme provides two ways to set up your website header:

  1. Pre-built Header Layouts
  2. Custom Header Layout (Build Your Own) (Coming in the next guide!)

Using a Pre-built Header Layout #

ShopWell includes 12 pre-built header layouts, labeled as:
Header V1, Header V2, …, Header V10, Header V11, Header V12.

These layouts are designed with fixed elements ( which you can of course enable/disable ) , ensuring a professional and optimized header structure for different website styles.

  1. Navigate to:
    Appearance → Customize → Header → Header Layout
  2. Under Present, select “Use Pre-built Header.”
  3. In the Prebuilt Header dropdown, choose your desired layout (e.g., Header V1, Header V2, etc.).
  4. Click Publish to save changes.

Next Steps: Building a Custom Header Layout #

If none of the pre-built layouts fit your needs, you can create your own header layout. We’ll cover this in a separate guide.

Table of Contents
  • Using a Pre-built Header Layout
  • Next Steps: Building a Custom Header Layout

© 2025 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑