# How to add Block beside Main menu in Header Type 4, 6, 8 - Popup Static Block

This guide will walk you through the steps to set up a static block beside the main menu in Header Type 4, 6, or 8 using the Popup Static Block feature.

<mark style="color:blue;">**Step 1**</mark> - **Access Theme Options**

First, go to your **Theme Options** page, then navigate to **"Header Global"**.\
Make sure you're using **Header Type 4, 6, or 8** — this feature is only supported with these header types.\
If you're using another header type, the related options will **not** be displayed.

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F7l68mXEyu90m3LfTdFaL%2Fimage.png?alt=media&#x26;token=cba6a616-4550-440a-93c8-05d9cec02658" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step 2**</mark>**&#x20;- Prepare the Blocks**

You will need to create **two separate blocks**:

1. **Block beside the header** – This block will be displayed next to the main menu.
2. **Popup block** – This block will appear in the popup when the user interacts with the beside-header block

You can create these blocks using either **Elementor** or **WPBakery Page Builder**.

* **Using Elementor:**\
  Create a custom block via Elementor (e.g., via Templates → Saved Templates).<br>

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F1wd4vt24IyhQDD6OT2IH%2Fimage.png?alt=media&#x26;token=78b07ebf-1a8f-4ecb-82ec-5614fff8329a" alt=""><figcaption></figcaption></figure>

* **Using WPBakery:**\
  Go to **Static Blocks** and add a new block.

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F7DtDhp8NM11Pjgk1fOHU%2Fimage.png?alt=media&#x26;token=6ab10131-b87a-4c12-9ce9-76f39c28b66a" alt=""><figcaption></figcaption></figure>

Repeat the same process to create the **Popup block**.

<mark style="color:blue;">**Step 3**</mark>**&#x20;- Configure in Theme Options**

Once both blocks are created, go back to:\
**Theme Options → Header Global**.

Scroll down to the **"Addon Options"** section and follow these steps:

* Chose **"Beside Header Block"**.

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FZfKYYFkyJGFl5kRNTvTX%2Fimage.png?alt=media&#x26;token=2fc11b47-bb7b-4765-b0f5-ce275014198a" alt=""><figcaption></figcaption></figure>

* Chose **"Popup Header Block"**.\
  \&#xNAN;**"The Block beside Main menu in Header Type 4, 6, 8 - Popup Static Block"**,\
  select the popup block you just created.

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FzdycxsDJ49Ah5HtndWKK%2Fimage.png?alt=media&#x26;token=6e6cecf3-c792-4234-bc14-51ac221a158a" alt=""><figcaption></figcaption></figure>

* Click **Save** to apply your settings.

Now you’ve successfully set up a block beside the main menu with a popup static block in Header Type 4, 6, or 8.\
\
**Note for Older Theme Versions (Manual Import)**

If you are using an older version of the theme and the demo content was **not imported automatically**, you can **manually import** the required blocks using the following `.json` files:

**For Elementor Users:**

You can import these files via **Elementor → Templates → Import Templates**.

* **Beside Header Block:**

{% file src="<https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FhfeZB5Ju0fxPniTkQX6r%2Felementor-34444-2025-06-05.json?alt=media&token=e72b2ea2-c285-44d9-9091-93dc08bb7b88>" %}
Drone - Block Beside Header
{% endfile %}

* **Popup Static Block:**

{% file src="<https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FeoZ27GsEXTxp4pt9bxIt%2Felementor-34447-2025-06-05.json?alt=media&token=b712ced1-500e-47c4-8e7d-1e1ad1dfad87>" %}
Drone - Popup Block
{% endfile %}

***

**For WPBakery Users:**

If you're using WPBakery and want to import a block manually without using the import tool, follow these steps:

1. **Go to:**\
   `Static Blocks → Add New` to create a new block.
2. **Switch to Classic Mode** in the WPBakery editor.
3. **Click on the “Text” tab** (not "Visual") in the Classic Editor.
4. **Copy the content** from the provided `.txt` or `.html` file (this contains the shortcode-based layout or raw HTML).
5. **Paste the entire content** into the editor.
6. **Publish** the block.

* **Beside Header Block:**

{% file src="<https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FcVDyIVvVBojLJS8EGSke%2Fwb-beside.json?alt=media&token=4b866396-4428-4efe-8c24-b7804fd90666>" %}
Drone - Block Beside Header
{% endfile %}

* **Popup Static Block:**

{% file src="<https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Frx6ZV3SQzLZjI8MBIgfv%2Fwp-popup.json?alt=media&token=b4cdf570-ed1b-4ec0-97e4-1d6d16726d50>" %}
Drone - Popup Block
{% endfile %}

Make sure the imported blocks are published and then follow **Step 3** from the main instructions to assign them in **Theme Options → Header Global**.