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

**There are some cases that related to the issue. so We recommend you should** [**contact us**](https://globosoftware.net/contact-us/) **if your menu doesn’t show. We offer FREE service for installation.**

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 **📧 <hi@globosoftware.net>** - we’re happy to assist!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/mega-menu/faqs/why-the-menu-does-not-show-or-shows-incorrectly-on-our-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.