> 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="/files/T17MExds5UyBYFreDZ4s" 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="/files/MeGDw1slugP5r68WkeJZ" 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="/files/q2eUKWvWLlNr3Ckq2DIk" 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="/files/5eSG04PCwodGwliAEZnD" alt=""></p>

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

<p align="center"><img src="/files/iUtRoCUGK9SIOTqpIKww" alt=""></p>

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

<p align="center"><img src="/files/eEm8qUAddRgPM92UMM9v" 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="/files/r90xw8KH5AtNPpOcbccP" alt=""></p>

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

<p align="center"><img src="/files/ksapXAGwsSEAHHqoSFeX" alt=""></p>

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

<p align="center"><img src="/files/kZPo30A6Wl1cfzqf99g8" 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="/files/IzZiVVcMQ3XWoAd1ZR2I" 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="/files/9NneXmrCsxYrjfiqMjxu" alt=""></p>
{% endhint %}

***

**💬 Need help?**

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