# Configuring sticky menus on WordPress sites

> Keep your WordPress menu visible at the top of the screen as visitors scroll by setting up a sticky menu with a plugin.

Source: https://helpcenter.ruachost.com/wordpress/guides/configuring-sticky-menus-on-wordpress-sites/

A **sticky menu** (also called a fixed or floating menu) remains visible at the top of the page as users scroll. This improves navigation and user experience by keeping important links accessible at all times. On **ruachost.com**, you can configure sticky menus using a plugin.

## Why Use Sticky Menus?

- Keeps navigation visible while scrolling.
- Improves usability on long pages.
- Enhances site design and professionalism.
- Encourages visitors to explore more content.

## Steps to Configure Sticky Menus

### Method 1: Using the **MyStickyMenu Plugin**

1. **Log in to WordPress** with an administrator account.
2. In the dashboard, go to **Plugins → Add New**.
3. Search for **MyStickyMenu**.
4. Click **Install Now**, then **Activate**.
5. In the dashboard, go to **Appearance → Sticky Menu**.
6. Select the menu you want to make sticky.
7. Enter the **CSS class or ID** of your header/menu element.

   - Tip: Use a browser extension like **CSS Peeper** to find the correct class/ID.
8. Adjust settings such as:

   - Sticky position (top, bottom).
   - Animation effects.
   - Z‑index (layer priority).
9. Click **Save Changes**.

✅ Your menu will now remain fixed as users scroll.

### Method 2: Using Theme Customizer (if supported)

Some WordPress themes include built‑in sticky menu options.

1. Go to **Appearance → Customize**.
2. Look for **Header** or **Menu Settings**.
3. Enable the **Sticky Header/Menu** option.
4. Save and publish changes.

## Important Notes

- Not all themes support sticky menus natively—plugins are often required.
- Test on mobile devices to ensure responsiveness.
- Avoid overlapping content by adjusting z‑index and spacing.
- Sticky menus can slightly affect performance if not optimized.