> For the complete documentation index, see [llms.txt](https://menudocs.nx8apps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://menudocs.nx8apps.com/replace-menu-by-smart-selector.md).

# Replace menu by smart selector

If the menu cannot be displayed on the store, you can use this method to select the menu available on your store so the app will find and replace the app's menu in the position you want to display.

#### How to use smart selector?

**Step 1**. Click Design > Choose "Replace a menu by CSS selector" > Click "Smart selector".

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2FrPcQwh0kW7hcxQfhi2zP%2Fimage.png?alt=media&amp;token=f806c66b-9fd3-47ac-8ac7-7ae2f13bc71f" alt=""><figcaption><p>Smart selector 1</p></figcaption></figure>

**Step 2**. Move mouse to menu that you want to replace by "Extra menu". If the menu appears blue bordered, click on it and there will be a confirmation message. Click "OK" to confirm.

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2FPpcSKheQChAAwfBqWVql%2Fimage.png?alt=media&amp;token=373fe6e2-50c6-4734-9bb0-438aaa0d6a76" alt=""><figcaption><p>Smart selector 2</p></figcaption></figure>

You will see result like image bellow.

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2FLaMDTXsmWgZGrv3Qz71T%2Fimage.png?alt=media&amp;token=8f40a482-7e3d-4bb0-b9af-ce72b2b4fc72" alt=""><figcaption><p>Smart selector 3</p></figcaption></figure>

**Step 3**. Choose mobile menu selector. Click "Smart selector"

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2FjHF3rx30Lspo66R3P8PJ%2Fimage.png?alt=media&amp;token=650649d0-cab2-4c7b-9b65-904ac41309b5" alt=""><figcaption><p>Smart selector 4</p></figcaption></figure>

Open mobile menu

**Step 4**. Move mouse to mobile menu that you want to replace. If the menu appears blue bordered, click on it and there will be a confirmation message. Click "OK" to confirm

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2F7K0baoYwPFSMjwMFt8jA%2Fimage.png?alt=media&amp;token=6a9451f2-c7b4-4723-84c0-25af06ab65c5" alt=""><figcaption><p>Smart selector 5</p></figcaption></figure>

**Step 5**. Check result and save menu data to accept all changes.&#x20;

<figure><img src="https://3637410424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2cjmzPKyasfAe0Rwk5RU%2Fuploads%2F7tWbxck8evGqCzofrobv%2Fimage.png?alt=media&amp;token=14282001-9c0b-425f-b577-552f6f1f8bab" alt=""><figcaption><p>Smart selector 6</p></figcaption></figure>