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

How can we help you?

Popular Search socialheadersocial mediahowimage

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

15
  • Installation and Demo Import
  • Customizer : General Options
    • General (Logo, colors, typography and misc)
    • Top bar
    • Header & Footer
    • Blog page / Archive and Single Post
    • Sidebar
    • Breadcrumbs and Dark Mode
  • Video Tutorials
    • Video Tutorials
  • Customizer: Home sections
    • Highlight Breaking News with the Ticker Section
    • Hero Section – Featured Post Slider or Custom Hero Content
    • Stories
    • Featured Category
    • Featured Links
    • Posts You Might Like
    • Advertisement

Blogsy Pro / Blogsy Addons

14
  • Blogsy Addons Requirement
  • Installation
  • Install plugins
  • Import Demo
  • Create Header & Footer
  • Setting Up Menus
  • Setting Up the Mobile Menu
  • Setting Up a Mega Menu
  • Creating a Custom Archive Page
  • Display Related Posts
  • Sidebar layout & sticky sidebar
  • Post Layout & Post Format
  • User Avatar and Social Profiles
  • AMP support in Blogsy Pro
  • Home
  • Docs
  • Setting Up the Mobile Menu
View Categories

Setting Up the Mobile Menu

Blogsy includes a floating mobile menu button (off‑canvas menu) that appears on small screens so users can easily navigate your site.

Create or edit the mobile menu #

  1. Go to Appearance → Menus.
  2. Either:
    • Click create a new menu, give it a name like “Mobile Menu”, and click Create Menu, or
    • Select an existing menu from the dropdown to reuse it on mobile.
  3. Add pages, posts, categories, or custom links from the left panels and arrange them with drag‑and‑drop.

At the bottom, under Menu Settings → Display location, check Mobile menu to assign this menu to Blogsy’s mobile/off‑canvas navigation.
Click Save Menu.

Customize floating mobile menu colors #

You can style the mobile menu trigger and panel from the Customizer:

  1. Go to Appearance → Customize → Footer → Off Canvas Menu Design Options.
  2. Adjust:
    • Icon / button color for the floating mobile menu trigger.
    • Background color for the off‑canvas panel.

These options let you match the mobile navigation to your brand while keeping it clearly visible and easy to tap on phones and tablets.

Setting Up a Mega Menu
Table of Contents
  • Create or edit the mobile menu
  • Customize floating mobile menu colors

© 2026 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑