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

59
  • 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
  • Translation
    • Quick Start Guide: TranslatePress

Blogsy Lite

5
  • Installation and Demo Import
  • Customizer : General Options
    • General (Logo, colors, typography and misc)
    • Top bar
    • Header & Footer
    • Blog page / Archive and Single Post
  • Home
  • Docs
  • Top bar
View Categories

Top bar

The Top Bar is a versatile feature that enhances the visibility and functionality of your website by providing a space to display useful information and navigation options to your users.

Top Bar Visibility #

You can configure the visibility of the Top Bar based on device types. The available options are:

  • Show on all devices
  • Hide on mobile
  • Hide on tablet
  • Hide on mobile and tablet

Top Bar Widget #

There are multiple widgets available that you can add to your Top Bar. The options include:

  • Text: You can add basic HTML tags and shortcodes.
  • Navigation: Select a navigation menu to display.
  • Social Links: Choose a social menu and customize icon styles.

You can also choose the visibility of each widget across devices.

To know how to show your preferred social media links in top bar
Follow this guide

Top Bar Design Options #

The Top Bar design can be customized with various options:

  • Background: Choose between solid color, gradient, or an image as the background.
  • Border: You can select a top/bottom border, style, and color.
  • Font Color: Customize the text color, link color, and link hover color.

By configuring these options, you can create a Top Bar that meets the aesthetic and functional needs of your website.

Table of Contents
  • Top Bar Visibility
  • Top Bar Widget
  • Top Bar Design Options

© 2025 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑