---
title: "Header Meta Content Widget Settings Overview"
url: https://theplusaddons.com/docs/header-meta-content-widget-settings-overview/
date: 2023-10-28
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A header usually needs more than a logo and a menu. The Header Meta Content widget in The Plus Addons for Elementor puts a row of extras next to your..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/Header-Meta-Content-Widget_-Settings-Overview-1024x536.jpg
word_count: 1009
---

# Header Meta Content Widget Settings Overview

## 

- Header Meta Content widget en The Plus Addons for Elementor coloca hasta siete extras junto a la navegación, incluidos Search Bar, Mini Cart, Extra Toggle Bar, Language Switcher, Music y dos Call To Action buttons.
- Meta Content usa un solo repeater para construir la fila en el orden deseado, y cada elemento necesita activar su propio Display switch en su sección para que aparezca.
- Edición gratuita muestra Header Meta Content, Search Bar y Mini Cart, mientras que Extra Toggle Bar, Language Switcher, Music y Call To Action 1 y 2 requieren Pro.
- Responsive Device permite ocultar cada elemento con Hide On Desktop, Hide On Tablet y Hide On Mobile, pero el marcado sigue en la página aunque el elemento no se vea.

A header usually needs more than a logo and a menu. The Header Meta Content widget in The Plus Addons for Elementor puts a row of extras next to your navigation: a search icon, a WooCommerce mini cart, a toggle button that opens an off-canvas panel, a language switcher, a music button and up to two call-to-action buttons.

You build that row in one repeater, in the order you want it, and each item has its own section of settings further down the same panel.

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free** — the Header Meta Content widget itself is in the free plugin, and the **Search Bar** and **Mini Cart** items work there. The other five items need Pro.- **Widget to enable:** Header Meta Content, switched on under **The Plus Addons > Widgets**.- **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.

## How to Activate the Header Meta Content Widget

- Go to **The Plus Addons > Widgets**.- Search for **Header Meta Content**.- Turn its toggle on and save.

![The Plus Addons Widgets screen with the Header Meta Content widget switched on](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content.png)

## Build the Row in Meta Content

The **Meta Content** section holds one repeater. A new widget starts with a single item set to **Search Bar**. Open an item and pick what it should be from the **Select Options** dropdown.

![Select Options dropdown open in the Meta Content repeater of the Header Meta Content widget](https://theplusaddons.com/wp-content/uploads/2026/09/headermeta-select-search-select-icon-list.webp)

Each item also has **Icon Left Space** and **Icon Right Space** sliders, and a **Responsive Device** group with **Hide On Desktop**, **Hide On Tablet** and **Hide On Mobile** switches.

![Icon Left Space, Icon Right Space and the Responsive Device switches inside a Meta Content repeater item](https://theplusaddons.com/wp-content/uploads/2026/09/headermeta-repeater-spacing-icon-left-space.webp)

> *Selecting an item is only half the job. Each type has its own section below — **Search Options**, **Cart Options**, **Extra Toggle Bar**, **Language Switcher**, **Music Options**, **Call To Action 1**, **Call To Action 2** — and nothing renders until you turn that section's **Display** switch on.*

## The Seven Items

| Select Options | What it adds | Edition | Its own section |
| -------------- | ------------ | ------- | --------------- |
| Search Bar | A search icon that expands into a WordPress site-search field | Free | Search Options |
| Mini Cart | A WooCommerce cart icon with an item count and a cart panel | Free (Toggle Style 1); Style 2 is Pro | Cart Options |
| Extra Toggle Bar | A toggle icon that opens an off-canvas panel holding an Elementor template | Pro | Extra Toggle Bar |
| Language Switcher | A WPML or TranslatePress language switcher | Pro | Language Switcher |
| Music | A play / stop button for one audio file | Pro | Music Options |
| Call to Action 1 | A linked button with its own text, icon and ID | Pro | Call To Action 1 |
| Call to Action 2 | A second, fully independent button | Pro | Call To Action 2 |

In the free plugin the five Pro entries still appear in the dropdown, written as **Extra Toggle Bar (Pro)**, **Language Switcher (Pro)** and so on. Their sections and **Display** switches are there too, but the free plugin draws nothing for them.

![Search icon, mini cart and a call-to-action button rendered together in a site header](https://theplusaddons.com/wp-content/uploads/2026/09/headermeta-result-row.webp)

## Extra Options

**Extra Options**, at the bottom of the Content tab, styles the row as a whole.

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Alignment | Sets `justify-content` on the row: Left, Center or Right | Left (no tile selected) |
| Icon Padding | Padding on every item in the row, per side | Empty (the stylesheet applies 6px 8px) |

![Alignment control in the Extra Options section of the Header Meta Content widget](https://theplusaddons.com/wp-content/uploads/2026/09/headermeta-extra-options-icon-alignment.webp)

## The Style Tab

The Style tab only shows the sections for the items you have switched on.

| Style section | Styles | Edition |
| ------------- | ------ | ------- |
| Search Bar Style | The search icon and the expanded search field | Free |
| Cart Icon Style | The cart icon, its count badge and the badge background | Free |
| Mini Cart Style | The cart panel and its contents | Free |
| Extra Toggle Bar | The toggle icon and its off-canvas panel | Pro |
| WPML Language Switcher | The WPML switcher | Pro |
| Translatepress Language Switcher | The TranslatePress switcher | Pro |
| Music Bar Style | The music button | Pro |
| Call To Action 1 / 2 | Each button | Pro |
| Extra Option | **Sticky Options**, for colours while a sticky header is scrolled | Switch in both; the colours are Pro |

![Style tab of the Header Meta Content widget showing the per-item style sections](https://theplusaddons.com/wp-content/uploads/2026/09/headermeta-style-tabs-sticky-options.webp)

## How It Behaves

- Items render in the order they sit in the **Meta Content** repeater.- The **Display** switches belong to the widget, not to a single repeater item. Two items set to the same type both render and share one set of settings.- An item whose **Display** switch is off produces no markup at all — the row is simply shorter.- **Hide On Desktop / Tablet / Mobile** hides the item with CSS at that breakpoint; the markup stays in the page.

## Limitations

- With **Cart Icon** left on **Default**, the built-in cart icon is drawn at zero size, so only the item-count badge is visible. Setting **Cart Icon** to **Custom Icon** or **Custom Image** fixes it, and both are Pro.- In the free plugin the five Pro items are fully clickable — sections, switches and all — and simply render nothing.- **Alignment** has no tile selected until you click one, because the stored default is not one of the three choices. The row is left-aligned either way.- There is no global on/off for the whole row. Each item type is switched separately.- The widget outputs a plain `<ul>` of items with no ARIA roles on the search, cart or toggle triggers.

## Troubleshooting

### I picked an item but nothing shows on the page

Open that item's own section — **Search Options**, **Cart Options** and so on — and turn its **Display** switch on. Both are needed.

### I turned a Display switch on and still see nothing

Check that a **Meta Content** item is actually set to that type in **Select Options**. Also check **Responsive Device** on the item, in case it is hidden on the size you are looking at.

### The cart shows a number but no icon

That is the zero-size default icon. Set **Cart Icon** to **Custom Icon** or **Custom Image** in **Cart Options** and give it a **Cart Size** in **Style > Cart Icon Style**.

### An item shows on desktop but not on mobile

Open that repeater item and check the **Responsive Device** switches. **Hide On Tablet** and **Hide On Mobile** are set per item.

## Related Docs

- [How to Add Search Icon to Elementor Navigation Header Menu?](https://theplusaddons.com/docs/add-search-icon-to-elementor-navigation-header-menu/)- [How to Add WooCommerce Mini Cart in Elementor Navigation Header Menu?](https://theplusaddons.com/docs/add-woocommerce-mini-cart-in-elementor-navigation-header-menu/)- [How to Add Elementor Menu Toggle Button in Header?](https://theplusaddons.com/docs/add-elementor-menu-toggle-button-in-header/)- [How to Add a Call To Action Button to Navigation Header Menu?](https://theplusaddons.com/docs/add-a-call-to-action-button-to-navigation-header-menu/)

## Frequently Asked Questions

**Q: Why does the header meta content row stay empty after I add an item?**
A: The row stays empty until that item’s own Display switch is turned on in its section. The widget uses two layers of control: the repeater item chooses what to add, and the item-specific section below it actually renders it. That matters because a selected Search Bar, Cart, or Pro item can still produce no markup if its Display switch is off. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH handles this inside the Elementor editor.

**Q: Can I use the header meta content widget for a WooCommerce mini cart and search icon on the free version?**
A: The free plugin covers both the Search Bar and Mini Cart items. The Search Bar expands into a WordPress site-search field, and the Mini Cart shows a WooCommerce cart icon with an item count and cart panel. That makes the free version useful for a basic header utility row without moving to Pro. For setup context, the widget is part of [The Plus Addons for Elementor](https://theplusaddons.com/elementor-builder/header-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) and is meant to live in your header template.

**Q: What’s the best way to decide which header meta content items to use?**
A: Use the free items when you only need search or cart, and treat the other five as Pro-only extras. The page splits the seven items clearly: Search Bar and Mini Cart are available in Free, while Extra Toggle Bar, Language Switcher, Music, Call To Action 1, and Call To Action 2 need Pro. That makes the decision simple for most headers: start with utility actions first, then add off-canvas content, language switching, audio controls, or buttons only if your header actually needs them.

**Q: Why does my cart show a number but no icon?**
A: That happens when Cart Icon is left on Default. The built-in icon is drawn at zero size in that state, so only the item-count badge remains visible. Switching Cart Icon to Custom Icon or Custom Image fixes it, and both of those options are Pro. If you also want the icon to read properly in the header row, set a Cart Size in Style > Cart Icon Style so the badge has a visible anchor.

**Q: How do I hide one header meta content item on mobile without removing it from desktop?**
A: Use the per-item Responsive Device switches. Each repeater item has Hide On Desktop, Hide On Tablet, and Hide On Mobile controls, so you can keep an item in the markup while hiding it at a specific breakpoint with CSS. That is useful when you want a cleaner mobile header but still need the same structure on larger screens. The Plus Addons for Elementor keeps this control inside each Meta Content item rather than as one global setting.

**Q: Does header meta content work with WPML or TranslatePress?**
A: The Language Switcher item is built for both WPML and TranslatePress, but it is a Pro feature. In practice that means multilingual headers can place language switching right beside search, cart, or buttons in one row instead of using a separate menu area. If you are building a multilingual header in Elementor, this widget keeps those controls together inside the same Meta Content repeater.