> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Configuring sticky menus on WordPress sites

> Learn how to configure sticky menus on WordPress sites. This article shows you how to configure sticky menus on WordPress using the Sticky Menu plugin.

You can have a sticky menu to have the header remains fixed for [WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) sites. This article shows you how to install and configure sticky menus for [WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) sites using the MyStickyMenu plugin.

## Installing Sticky Menu Plugin for WordPress

To install and configure StickyMenu Plugin, follow these steps:

1. Log in to your [WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) site with an administrator account.

2. On the **Dashboard** in the left sidebar, click **Plugins**, and then click **Add New**:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-12.png)

3. Search for "[Sticky Menu](https://wordpress.org/plugins/mystickymenu/)" click **Install**, and then click **Activate** the plugin:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-3.png)

4. On the **Dashboard** in the left sidebar, click **Appearance**, and then click on **Sticky Menu**:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-6.png)

5. There are a few sticky menu options given on this page. The free version allows you to have a sticky welcome bar and a sticky menu:

6. Click on **Welcome Bar** and edit the settings, and then click on the **Save Button** to create a **Welcome Bar** for the WordPress Site:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-9.png)![](https://static.hosting.com/kb/kb-wp-stickymenu-10.png)

7. Click on the **Sticky Menu**, and then select the menu from the dropdown under the **Sticky Class** section.![](https://static.hosting.com/kb/kb-wp-stickymenu-8.png)

8. Choose **Other Class Or ID** from the downtown. Paste the headers class ID in the textbox:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-5.png)

   > 👍 Tip
   >
   > To retrieve the CSS id for the header, install the CSS Peeper extension on Google Chrome. Click on the header and copy the class name for header:
   >
   > ![](https://static.hosting.com/kb/kb-wp-stickymenu-11.png)

9. Paste the class name in the text field:\
   ![](https://static.hosting.com/kb/kb-wp-stickymenu-2.png)

10. Next set the rest of the parameters and click **Save** to save the changes:\
    ![](https://static.hosting.com/kb/kb-wp-stickymenu-1.png)

## More information

For more information about the MyStickyMenu plugin please visit: [https://wordpress.org/plugins/mystickymenu/](https://wordpress.org/plugins/mystickymenu/)

## Related articles

* [Adding a custom logo to WordPress](/docs/adding-a-custom-logo-to-wordpress)

* [Appointment booking system for WordPress](/docs/appointment-booking-system-for-wordpress)

* [Broken image links in WordPress](/docs/broken-image-links-in-wordpress)

* [Changing the WordPress theme manually](/docs/changing-the-wordpress-theme-manually)