> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/mega-menu/faqs/why-the-menu-does-not-show-or-shows-incorrectly-on-our-website.md).

# Why the menu does not show or shows incorrectly on our website?

This is some cases why faced the issue:

#### **1. The menu has not been published on the theme you test**

Go to Globo mega menu → Click **Publish** button → Select the right theme → Click **Publish** button

<figure><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FRHPxIudt6tEur8MXX8TC%2Fimage.png?alt=media&amp;token=46b9b88c-96c8-485a-b1fc-5682df77eff0" alt=""><figcaption></figcaption></figure>

#### 2. **The app does not support Automatic replace menu**

If you publish the menu on the right theme but it still does not show, please use the option **CSS selector – Advance option →** Fill in **CSS Selector of your main menu** input and **CSS Selector of your mobile menu** input → Click **Publish** button

<figure><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FgDIHI50ynoMT9GNtk4Tn%2Fimage.png?alt=media&amp;token=22ee6569-4161-4858-8b4c-454a6ebc9d45" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
&#x20;***How to get CSS selector of your main menu?***

Open your website on Chrome browser, hover on your menu, mouse right-click and select **Inspect** on the context menu

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FDS9sb5nSmSdtTdVpNgP3%2Fimage.png?alt=media&amp;token=6c8e57da-8188-4abd-b13e-f2628788dfb9" alt=""></p>

Find closest ul or nav tag and make sure that Chrome element highlight covers the whole menu items

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FVlTPVM0YDIPXWUVdN1Ln%2Fimage.png?alt=media&amp;token=02cf6d02-13bb-4663-85f0-b3c86fe211f8" alt=""></p>

Right click on ul or nav tag → move to **Copy** and select **Copy selector**

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FXiTQPGJEWQW2lHsjLZyl%2Fimage.png?alt=media&amp;token=9ecc30f4-0c27-4087-9dc2-c89a54601704" alt=""></p>

Paste the copied content in **CSS Selector of your main menu** input

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FfQEQ1ywOz8ytnjpG7Iyd%2Fimage.png?alt=media&amp;token=6eacb42d-f092-4b1b-be60-84e5c8985b0e" alt=""></p>
{% endhint %}

{% hint style="info" %}
***How to get CSS selector of your mobile menu?***

Open your website on Chrome browser, hover on your menu, right click and select **Inspect** on the context menu

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FTWuEomFl85LLy4xl2xTp%2Fimage.png?alt=media&amp;token=7a598f39-4309-431f-a618-a4c60393d26f" alt=""></p>

Click on Emulator icon (1) → choose a random mobile device (2)

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2F9GyywovRfqUwp4hjM8uv%2Fimage.png?alt=media&amp;token=7160dd7d-5b37-47f2-b049-c17a18930caa" alt=""></p>

Open your mobile menu, right mouse click and select Inspect on context menu

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FmDxHdL7kI2BZxkjQTJFI%2Fimage.png?alt=media&amp;token=d061a217-a104-44f1-aea6-b744fd5b5325" alt=""></p>

Find closest ul or nav tag and make sure that Chrome element highlight (1) covers all the items of the menu

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FucO45SlAAEChn5stlqw2%2Fimage.png?alt=media&amp;token=b5354d42-8281-4a1c-84dc-53427574bd6d" alt=""></p>

Right mouse click on ul or nav tag, move to **Copy** and select **Copy selector**

Paste the copied content in **CSS Selector of your main menu** input

<p align="center"><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FH8LSaHP7h3lcTFrRJggW%2Fimage.png?alt=media&amp;token=06bf4c51-a37b-48c1-8bef-90756cd0e91e" alt=""></p>
{% endhint %}

***

**💬 Need help?**

Email us at **📧 <contact@globo.io>** - we’re happy to assist!
