A header runs out of room quickly once it holds a logo, a menu and a button. A toggle button solves that: one small icon that opens a panel holding a second menu, contact details, a promo or anything else you can build in Elementor.
The Header Meta Content widget in The Plus Addons for Elementor adds one as an Extra Toggle Bar item, and the panel’s content is simply an Elementor template you pick from a dropdown.
To check the complete feature overview documentation of The Plus Addons for Elementor Header Meta Content widget, click here.
Requirement – This part of the widget needs the PRO version of The Plus Addons for Elementor, installed and activated.
Before You Start
- Edition: Pro — the Extra Toggle Bar item needs the Pro version. In the free plugin the Select Options dropdown labels it (Pro), and turning its Display switch on renders nothing.
- Widget to enable: Header Meta Content, switched on under The Plus Addons > Widgets.
- An Elementor template saved and published, holding whatever the panel should show. Build it first — the toggle has nothing to open without one.
- Where to add it: your header template, so the row shows on every page. The widget’s own Use with Theme Builder section links to a Create Header Template button.
- Two steps, always: adding an item in Meta Content is only half of it. Nothing appears until you also turn on that item’s own Display switch in its section further down the Content tab.
Add the Extra Toggle Bar Item
- Build and publish the Elementor template you want inside the panel. Give it a name you will recognise in a dropdown.
- Add the Header Meta Content widget to your header template.
- In Meta Content, open the item and set Select Options to Extra Toggle Bar.
- Turn on Display Toggle Bar in the Extra Toggle Bar section.
- Choose your template in Elementor Templates.
- Set Open Content Direction and Content Width for the panel.
Extra Toggle Bar Settings
| Setting | What it does | Default |
|---|---|---|
| Display Toggle Bar | Turns the toggle on. Nothing renders without it | Off |
| Toggle Style | Five icon designs. Style 5 lets you supply your own icon or image | Style 1 |
| Custom | With Style 5, whether your own icon or your own image is used | Custom Icon |
| Elementor Templates | The published template the panel shows | Nothing selected |
| Open Content Direction | Right, Left, Top or Bottom | Right |
| Content Width | Custom or Full Width | Custom |
| Custom Content Width | The panel’s width, per device | Empty |
How It Behaves
Clicking the toggle slides the panel in, dims the rest of the page and shows a close button. Clicking the close button or the dimmed area closes it again.
- Right and Left give a side panel the width you set. Top and Bottom give a full-width band that slides down or up.
- Content Width set to Full Width makes a side panel cover the whole viewport width.
- The panel holds a complete Elementor template, so it can contain any widget, not only a menu.
- Each Extra Toggle Bar item shows the same template, because Elementor Templates is a widget setting rather than a per-item one.
Limitations
- With no template chosen in Elementor Templates, the widget outputs the icon but no panel at all, so clicking does nothing.
- One template per widget. A second, different panel needs a second Header Meta Content widget.
- The template must be published. A draft shows an Unauthorized Access notice inside the panel instead of your content.
- The toggle is rendered as a plain
divwith a click handler rather than a button, so it is not focusable with the keyboard. - The whole item, including Toggle Style, needs Pro. In the free plugin the section and its Display Toggle Bar switch are still there and render nothing.
Troubleshooting
The toggle icon shows but clicking it does nothing
Nothing is selected in Elementor Templates. Without a template the widget writes no panel markup, so there is nothing to open.
The panel says Unauthorized Access
The template you picked is not published. Open it and publish it.
The panel is too narrow for the template
Raise Custom Content Width, or set Content Width to Full Width. Check it at the mobile breakpoint separately — the width is a per-device slider.
Nothing appears in the free plugin
Extra Toggle Bar is a Pro item. The free plugin shows it in the dropdown as Extra Toggle Bar (Pro) and renders nothing for it.
