PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.

CompatibilityRequires WordPress 5.0.

SourceWordPress plugins · Oct 17, 2026

01 / Source details

About this tool.

WP Stickit is a powerful WordPress plugin that makes any element on your website sticky with advanced customization options. Perfect for creating sticky headers, sidebars, navigation menus, or any other element you want to keep visible while users scroll.

Key Features: * Multiple Selectors : Use CSS selectors (classes, IDs) or separate multiple selectors with commas * Custom Positioning : Set custom top offset for precise sticky positioning * Z-Index Control : Manage layering with customizable z-index values * Responsive Design : Set minimum and maximum screen widths for responsive behavior * Lightweight : Uses the efficient jQuery Stickit library * Easy Setup : Simple admin interface with clear instructions

02 / Source details

Getting started.

Automatic Installation (Recommended):

Log in to your WordPress admin dashboard
Navigate to Plugins → Add New
Search for “WP Stickit”
Click “Install Now” and then “Activate”

Manual Installation:

Download the latest version of WP Stickit from the WordPress.org repository
Extract the zip file to get the wp-stickit folder
Upload the wp-stickit folder to your /wp-content/plugins/ directory using FTP or your hosting control panel
Activate the plugin through the ‘Plugins’ menu in WordPress admin

Configuration:

Go to Settings → WP Stickit in your WordPress admin dashboard
Configure your sticky element settings: Class Name : Enter CSS selector(s) (e.g., .sidebar , #header , .sidebar, .widget )
Top : Set top offset in pixels (e.g., 50 for 50px from top)
Z-Index : Set layering value (default: 100)
Screen Min Width : Minimum screen width for sticky behavior (default: 1280px)
Screen Max Width : Maximum screen width for sticky behavior (default: 1920px)

Keep exploring

Your next useful tool is out there.

Back to WordPress plugins

03 / Source details

Frequently asked questions.

Can I use multiple CSS selectors?

Yes! You can use multiple selectors by separating them with commas. For example: * .sidebar, .widget – targets both sidebar and widget elements * #header, .navigation – targets both header ID and navigation class * .sticky-element, #my-widget, .custom-sidebar – targets multiple different elements

My element isn’t becoming sticky. What should I check?

Verify CSS Selector : Make sure you’re using the correct CSS selector with proper syntax:

Use . for classes (e.g., .sidebar )
Use # for IDs (e.g., #header )
Check your browser’s developer tools to confirm the element exists

Check Screen Width : Ensure your screen width is within the configured min/max width range

Z-Index Conflicts : Try increasing the z-index value if your sticky element appears behind other elements

JavaScript Errors : Check your browser console for any JavaScript errors that might prevent the plugin from working

Theme Compatibility : Some themes may have CSS that interferes with sticky positioning

What’s the difference between Screen Min Width and Screen Max Width?

These settings control when the sticky effect is active based on screen size: * Screen Min Width : Sticky effect only works on screens wider than this value (default: 1280px) * Screen Max Width : Sticky effect only works on screens narrower than this value (default: 1920px)

This is useful for responsive design – you might want sticky elements only on desktop but not on mobile devices.

Can I use this plugin with page builders?

Yes! WP Stickit works with most page builders including Elementor, Gutenberg, Beaver Builder, and others. Just use the CSS class or ID that the page builder assigns to your element.

Will this plugin slow down my website?

No, WP Stickit is lightweight and optimized: * Uses the efficient jQuery Stickit library * Only loads on pages where it’s needed * Minimal JavaScript footprint * No external API calls or heavy processing

How do I remove the sticky effect from an element?

Simply remove the CSS selector from the “Class Name” field in the plugin settings, or deactivate the plugin entirely.

Can I have different sticky settings for different elements?

Currently, the plugin applies the same settings to all specified selectors. For different settings per element, you would need to configure them separately or use multiple instances of the plugin.

Is this plugin compatible with caching plugins?

Yes, WP Stickit is compatible with most caching plugins including WP Rocket, W3 Total Cache, and WP Super Cache. The plugin’s JavaScript will work regardless of cached HTML.