Title: LowerMedia Sticky.js Menus Author: 9ete Published: 8 di Lui dal 2013 Last modified: 30 di Zenâr dal 2015 --- Search plugins ![](https://ps.w.org/lowermedia-sticky-js-menus/assets/banner-772x250.png?rev=1077860) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/lowermedia-sticky-js-menus_a4da7f.svg) # LowerMedia Sticky.js Menus By [9ete](https://profiles.wordpress.org/hawkeye126/) [Download](https://downloads.wordpress.org/plugin/lowermedia-sticky-js-menus.3.1.0.zip) * [Details](https://fur.wordpress.org/plugins/lowermedia-sticky-js-menus/#description) * [Reviews](https://fur.wordpress.org/plugins/lowermedia-sticky-js-menus/#reviews) * [Installation](https://fur.wordpress.org/plugins/lowermedia-sticky-js-menus/#installation) * [Development](https://fur.wordpress.org/plugins/lowermedia-sticky-js-menus/#developers) [Support](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/) ## Description Sticky Headers, Menus, Widgets, Anything! WordPress plugin that integrates sticky. js and makes your primary navigation menu and/or header sticky (will ‘stick’ to top of screen when rolled over). You can actually make html object sticky via plugin settings! Activate and make your primary menu sticky! Sticky means having your navigation always visible, the nav fixes itself to the top of the page. This plugin uses the [Sticky.js](http://stickyjs.com) script, props and credit for creating that go to [Anthony Garand](http://anthonygarand.com), Thanks Anthony! [LowerMedia.Net](http://lowermedia.net) [Dev’d by Pete](http://petelower.com) More info: This plugin is designed to work out of the box with a large number of popular themes if not all the menu container and then manipulating the HTML tag w/ said class by way of JS Plugins tested to work with this theme work a tad bit differently. Instead of adding a class it uses custom js files that have the main navigational selectors already defined. JS manipulates the menus by using the already defined tags. This plugin has been tested on a growing number of themes including: (will work with all themes with slight settings configuration) twentyfourteen, twentythirteen, twentytwelve, twentyeleven, responsive, wp-foundation, required-foundation, neuro, Swtor_NeozOne_Wp, lowermedia_one_page_theme, expound, customizr, sixteen, destro, swift basic *Some CSS edits may be required ## Installation This section describes how to install the plugin and get it working. e.g. 1. Upload `LowerMedia_sticky-js-menus.zip` in the WordPress dashboard upload plugin section or unzip the file and upload the directory to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Make sure you have a menu defined under appearance -> menus Popular Themes Default Target List: attitude = #access bushwick = #site-navigation destro = #menu expound = #site-navigation Isabelle = .nav lowermedia_one_page_theme neuro = #navigation_menu one-page = .header_wrapper required-foundation = #access responsive = main-nav spacious = #header-text-nav- container sixteen = #site-navigation spun = .site-navigation Swtor_NeozOne_Wp = art-nav twentythirteen = #navbar twentytwelve = #site-navigation twentyeleven = nav#access twentyten = #access virtue = #topbar wp-foundation = .top-nav ## FAQ Can I make Widgets sticky? Yes, you can make anything sticky! Set the widget’s (or whatever else’s) ID or Class in the primary or additional sticky object box setting on the under Settings -> Sticky.js Menus I am using one of the themes this plugin was tested to work on but it’s not working. Please make sure your child theme has the same header navigation HTML syntax as the parent theme, this plugin is made to work with the latest iteration of the parent theme. My menu does not stick to the top of the page, there is some space between the menu and top of the page. Some theme styles or template styles may have overwritten the default styles, the site owner may have to tweak their own css to for ideal display. ## Reviews ![](https://secure.gravatar.com/avatar/e02eb159e5b7ab4108be6e27811e7efa849f81d58298b9e18c66814cf80b487d? s=60&d=retro&r=g) ### 󠀁[Does what it sould](https://wordpress.org/support/topic/does-what-it-sould/)󠁿 [gilu](https://profiles.wordpress.org/gilu/) 3 di Setembar dal 2016 Thanks! ![](https://secure.gravatar.com/avatar/bcf08a22a9f6ba1076df86ffc9505bd39b5e72dcdde933dd71b798153f63b8ce? s=60&d=retro&r=g) ### 󠀁[white space](https://wordpress.org/support/topic/white-space-28/)󠁿 [Hussain Sumrat](https://profiles.wordpress.org/itsumrat/) 3 di Setembar dal 2016 It works well, but it has added extra space after the header. Take a look- http:// nilkhet.net/ Space has been added between menubar & search bar. ![](https://secure.gravatar.com/avatar/bb4ce9637fc879e3e11b20f9b7a770259a775f1fc9906d65ccaeb058389a00c8? s=60&d=retro&r=g) ### 󠀁[I finally found the one that worked](https://wordpress.org/support/topic/i-finally-found-the-one-that-worked/)󠁿 [Rodrigo0](https://profiles.wordpress.org/rodrigo0/) 8 di Fevrâr dal 2017 First time I saw a menu sticking, I knew I wanted to have it in my website. It took me some time to find one that would work but then finally I found Lowermedia Sticky js menus It does exactly what it proposes…and works perfectly on my bilingual site. Here are examples of the same pages in two different languages: http://foradazonadeconforto. com/como-escolher-e-comprar-seguro-de-viagem/ (Brazilian Portuguese) http://outofyourcomfortzone. net/how-to-buy-travel-insurance/ (English) Simple and great plugin. ![](https://secure.gravatar.com/avatar/835874088d8468bd063fefe61cdb6eeb609c0a5a2b5d0eba43631a10fec8753b? s=60&d=retro&r=g) ### 󠀁[excellent](https://wordpress.org/support/topic/excellent-4409/)󠁿 [comemo](https://profiles.wordpress.org/comemo/) 8 di Fevrâr dal 2017 . [ Read all 12 reviews ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/) ## Contributors & Developers “LowerMedia Sticky.js Menus” is open source software. The following people have contributed to this plugin. Contributors * [ 9ete ](https://profiles.wordpress.org/hawkeye126/) [Translate “LowerMedia Sticky.js Menus” into your language.](https://translate.wordpress.org/projects/wp-plugins/lowermedia-sticky-js-menus) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/lowermedia-sticky-js-menus/), check out the [SVN repository](https://plugins.svn.wordpress.org/lowermedia-sticky-js-menus/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/lowermedia-sticky-js-menus/) by [RSS](https://plugins.trac.wordpress.org/log/lowermedia-sticky-js-menus/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 *Plugin Launched #### 2.0 *Moving all js into two files instead of having individual files for specific themes * Optimize and shorten code *Increase number of themes tested with and supporting out of the box #### 2.0.1 *Fix jumpiness issue *Add to list of supported browsers *Optimization *Bushwik theme support *TwentyTwelve as base theme *Documentation *Name Correction *Attitude theme support *Destro Theme support *Sixteen theme support *Expound theme support* LowerMedia One Page theme support *Neuro theme support #### 2.0.2 *Add ability to target default menu *Fix ‘jumping around of menu in rare cases’* Syntax correction #### 2.0.3 *Add improvements for Isabella and Spacious theme *Documentation #### 3.0.0 *WILL NOW SUPPORT ALL THEMES WITH MINOR SETTINGS CONFIGURATION *SECURITY UPDATE: Block direct access to PHP file *FEATURE: Admin options area *FEATURE: Now works without setting primary menu *FEATURE: Option to set target div or nav (by class or id) to designate sticky.js target *FEATURE: Option to disable stickyness at certain body width (hide on mobile) *FEATURE: Option to target additional HTML tag (div, nav, header, etc) by class or id #### 3.1.0 *Namespacing with Classes *PHP/JS code optimization *Move all JS to one file, and out of js directory *Reduce requests by 1 *Minify JS ## Meta * Version **3.1.0** * Last updated **12 agns ago** * Active installations **100+** * WordPress version ** 3.0.1 or higher ** * Tested up to **4.1.42** * Language * [English (US)](https://wordpress.org/plugins/lowermedia-sticky-js-menus/) * Tags * [headers](https://fur.wordpress.org/plugins/tags/headers/)[JS](https://fur.wordpress.org/plugins/tags/js/) [multisite](https://fur.wordpress.org/plugins/tags/multisite/)[navigation](https://fur.wordpress.org/plugins/tags/navigation/) * [Advanced View](https://fur.wordpress.org/plugins/lowermedia-sticky-js-menus/advanced/) ## Ratings 4.9 out of 5 stars. * [ 11 5-star reviews ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/reviews/) ## Contributors * [ 9ete ](https://profiles.wordpress.org/hawkeye126/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/lowermedia-sticky-js-menus/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://lowermedia.net/)