> For the complete documentation index, see [llms.txt](https://enginethemes.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enginethemes.gitbook.io/docs/jobengine/je-main-steps-to-set-up-the-site/je-menus-and-widgets.md).

# JE Menus and widgets

#### 1. How to create the menus?

JobEngine supports the top and footer menus. You can use this to add, sort or display priority information in your site. You can follow these step to create the menu:

* Go to **Appearance -> Menus**
* Choose **Create a new menu**
* Insert **Menu name** then click **Create menu**

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/56c6e208c697915005a72a5f/images/57203ab59033600cce43534f/file-FZgmDXJy3L.png)

Now you’re good to choose custom links, pages or categories and add them to your menus.&#x20;

**To create a top menu:**

There are some default tabs in the top menu such as Jobs, Companies, Resumes, Login. If you want to add more tabs, for example, you wish to add Home and Blog into this menu, do follow these steps:

* In the section **Select a menu to edit**, choose **Top Menu > Select**

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/56c6e208c697915005a72a5f/images/5715b4a29033602796676f69/file-HZ0bxgOIl3.png)

* Tick the tab Home (from the section Page on the left list) and tab Blog (from the section Categories on the left list), then click **Add to menu**. You can also drag the items to the suitable order.

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/56c6e208c697915005a72a5f/images/5715b4bfc697911a6f03a49a/file-EOGWgDb6BB.png)

* Finally, on **Theme Locations,** select where you want it to appear- in this case, it is “**Header menu”**. Do not forget to click **Save Menu** button.

<figure><img src="https://1999284333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff7tDidpsIezjbEriksOY%2Fuploads%2F2tr7P5JCii2bGCdD1Wgk%2FScreenshot_328.png?alt=media&amp;token=f81c28de-0cce-4000-874e-eed9cf423aca" alt=""><figcaption></figcaption></figure>

After completing your settings, the **Header menu** will be displayed as below in the front-end.&#x20;

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/56c6e208c697915005a72a5f/images/5715b4e8c697911a6f03a49c/file-PHhd93armc.png)

**To create a footer menu:**

&#x20;   Similarly to the top menu, firstly, you remember to select the **Footer Menu** in the drop-down list to edit > click **Select**. Then tick on tabs you want to add and click **Add to menu**. On the **Theme Location**, choose   **Menu display on the footer.**&#x20;

&#x20;   On the front-end, you will see it appears like in the below photo:

<figure><img src="https://1999284333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff7tDidpsIezjbEriksOY%2Fuploads%2FJmXYzq7EdOBMfg2psw9o%2Ffile-uSnNv73u5w.png?alt=media&amp;token=14466460-5498-4584-8e27-99c329ff12ba" alt=""><figcaption></figcaption></figure>

#### 2. How to use widgets?

From the back-end, choose **Appearance -> Widgets.**\
In Available Widgets, there is a list of widgets you can add to some sidebars on the right. You can add a widget by dragging it to any sidebar to want to add in. &#x20;

<figure><img src="https://1999284333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff7tDidpsIezjbEriksOY%2Fuploads%2FZrfyyvbCsf9qkfHWYfXz%2Ffile-Xwql1FIDes.png?alt=media&amp;token=431ed089-e0e9-498e-ba37-03914882a5fa" alt=""><figcaption></figcaption></figure>

After adding widgets, you can customize it by click on the widget which has just been added and set up some data for it such as changing the title of widget and number of activities displayed.&#x20;
