Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • SupportExpand
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

Getting Started

Block Tutorials

  • Responsive Breakpoints in Kadence
  • Create a Full Screen Landing Page
  • How to Control the Hero or Title Section Sitewide and Per Page in Kadence

Kadence Blocks Pro

  • How to hook elements inside of post or page content
  • Kadence Custom Fonts
  • How to Create a Custom Search Page with Hooked Elements and the Advanced Query Loop

Troubleshooting Blocks

  • Troubleshooting White/Blank Screens in the Editor or Customizer
  • How to Download Previous Versions of the Kadence Theme and Plugins
  • How to run the WordPress built-in database repair tool
  • Recommended Server Resources
  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Kadence Pro plugins

Advanced

Advanced Headers

Kadence Form Integrations

  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Theme
  • Theme Kit Pro

How to add a toggle open menu for desktop

One of the features of Kadence Pro is the Toggle Widget Area header builder item using which a hamburger menu icon can be set to slide open an Off Canvas widget area.

Any number of widgets including a Navigation Menu can be added inside this widget area. Here is a quick demo of Toggle Widget Area in action:

Note: This feature is currently available for Desktops and not Tablets/Mobiles.

To get started make sure you have entered your license details at Appearance > Kadence first and then enable Header Addons.

Header Addons in Kadence Pro

Click on Customize link under Header Addons or visit the WordPress Customizer via the admin menu link under Appearance or via the WP toolbar link if on the front end.

Go to the Header section.

Drag Toggle Widget Area item into your desired location.

Dragging Toggle Widget Area into the Header Builder

To configure the Toggle Widget Area, click on the pencil icon in the header or the gear icon in the header builder.

Configuring Toggle Widget Area

Trigger Menu text which is typically “Menu” will appear to the left of the hamburger menu icon.

To add widgets inside the Off Canvas Widget Area click on Add Widget Items.

Toggle Widget Area general settings

Widgets can be added by clicking on + Add a Widget button.

Header Off Canvas configuration

You are most likely going to be adding a Navigation Menu.

Adding widgets in Header Off Canvas

Below are the available Design settings:

Do you feel this document was helpful?
The Kadence WP Logo
Crafted in Missoula, Montana
  • Follow Kadence on Facebook
  • Follow Kadence on Youtube
  • X
  • Follow Kadence on Instagram
Trustpilot
Products
  • Kadence Plans
  • Kadence Theme
  • Kadence Blocks
  • Kadence AI
  • Kadence Starter Templates
  • Kadence Shop Kit
  • Kadence Conversions
  • Kadence Pattern Hub
  • View All
Resources
  • Blog
  • Podcast
  • Knowledgebase
  • Support ticket
  • Feature Requests
  • FAQ
  • WordPress Hosting Services
About Us
  • About Kadence
  • Become an affiliate
  • Contact us
  • Terms
  • Privacy Policy
  • Security
Our Partner Brands
  • SolidWP
  • LearnDash
  • The Events Calendar
  • GiveWP
  • MemberDash
Kadence Community
  • Kadence Marketplace
  • Join the Facebook Group
  • Subscribe to our YouTube Channel
© 2024 Kadence WP | All prices are in USD
Logo for StellarWP an umbrella brand of Premium WordPress plugins
  • Pricing
  • Products
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • Support
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog