# Footer Menu

The **Footer Menu** **Widget** is used to display the site menu. It is recommended to add this widget ad useful Links to the Site footer section for best practice.

{% hint style="success" %}
Site Footer block is built using Elementor Header & Footer plugin. You can follow the [manual](https://docs.stylemixthemes.com/companion-theme-documentation/blocks-and-content/footer) to get more details about the footer section.
{% endhint %}

### Using the Footer Menu widget

Go to your site and start editing the page with Elementor.

### Step 1:

Select the **Footer Menu** widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FoX5LBmAQIlQ3oMhdGQwY%2FCompanion%20-%20Footer%20menu%20add.png?alt=media\&token=a8dfbb5a-354b-4826-9449-4ee4bcd8bb38)

### Step 2:

You will get a window with the basic setting options under the **Content** tab. It will give you two options select the menu and set the layout. In the General section you can choose the Menu to display:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2Fin4Zuk1urmmcWEbF0Vbd%2FCompanion%20-%20Footer%20general.png?alt=media\&token=34b25d63-6c4d-45d2-b154-13085c921460)

{% hint style="success" %}
The menus can be created through the Dashboard > Appearance > Menu section.
{% endhint %}

In the Layout section, you can choose the layout, set columns, and align:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2F4TN2hkhYzJm6VBmSOe8A%2FCompanion%20-%20Footer%20layout.png?alt=media\&token=401a7090-8fdb-4fac-9e98-6c26f90ae16f)

### Step 3:

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, and background of the Widget:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FQg6zMQwvRERQr3kveOZc%2FCompanion%20-%20Footer%20style.png?alt=media\&token=b755954f-8416-4d67-8147-b6ce4f009e3f)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FhbjdpXLLKmRdNxoZ7Jm7%2FCompanion%20-%20Footer%20menu%20ready.png?alt=media\&token=db24eb23-7354-432c-8d16-2ef09f222a7c)