WordPress plugin

WP Sticky PRO

WP Sticky PRO keeps a selected WordPress element in view after it reaches the top of the page as a visitor scrolls. Use it for a navigation menu, header, widget, sidebar, logo, call-to-action box or banner ad. You can make multiple elements sticky and configure each one separately.

WP Sticky PRO

Choose what stays visible

WP Sticky PRO keeps a selected WordPress element in view after it reaches the top of the page as a visitor scrolls. Use it for a navigation menu, header, widget, sidebar, logo, call-to-action box or banner ad. You can make multiple elements sticky and configure each one separately.

Identify the element

Choose an element with the visual picker or enter a unique selector based on its name, class or ID. A selector such as nav, #main-menu or .menu-main-menu-1 may be enough. If it matches no elements or more than one, use a more specific selector to identify the intended element.

Set placement and page rules

  • Top spacing: Set the gap between the sticky element and the top of the page.
  • Screen sizes: Set minimum and/or maximum screen sizes for sticky behavior.
  • Page targeting: Choose posts, pages, categories, tags and custom post types where the element should not stick.
  • Push-up element: Select another element lower on the page that can push the sticky element upward.
  • Admin Toolbar: Account for the WordPress Admin Toolbar so the sticky element does not obscure it or sit behind it.
  • Z-index: Adjust the stacking order when another element overlaps or shows through the sticky element.

If the element does not stick

Use Debug Mode to show possible causes in the browser console. Messages can identify a selector that matches no elements or matches more than one. If layout issues persist, Legacy Mode uses the older method of making elements sticky. Dynamic Mode is available with Legacy Mode to address issues that can occur with responsive themes.

Set up sticky behavior

  1. Install and activate WP Sticky PRO in WordPress.
  2. Choose an element with the visual picker or a unique selector.
  3. Set top spacing, screen-size limits and page exclusions as needed.
  4. Configure push-up behavior, Admin Toolbar handling and Z-index.
  5. Use Debug Mode if the element does not behave as expected.

These controls let you keep navigation, calls to action, sidebar content or other page components available while limiting sticky behavior to the screen sizes and pages where it fits.