mystickymenu
Last commit date
mystickymenu.css
12 years ago
mystickymenu.js
12 years ago
mystickymenu.php
12 years ago
readme.txt
12 years ago
screenshot-1.png
12 years ago
screenshot-2.png
12 years ago
readme.txt
37 lines
| 1 | === myStickymenu === |
| 2 | Contributors: (Damiroquai) |
| 3 | Donate link: http://wordpress.transformnews.com |
| 4 | Tags: sticky menu, twentythirteen |
| 5 | Requires at least: 3.8 |
| 6 | Tested up to: 3.8.1 |
| 7 | Stable tag: 1.0 |
| 8 | License: GPLv2 or later |
| 9 | |
| 10 | This lightweight plugin will made your Twentythirteen menu sticky on top of page after scroll hits upper border. |
| 11 | |
| 12 | == Description == |
| 13 | Plugin is designed for Twentythirteen template but should work on any theme, it's using default twentythirteen ".navbar" css class and that should be modified for other themes if different. |
| 14 | |
| 15 | Plugin Home + Demo URL: http://wordpress.transformnews.com/plugins/mystickymenu-simple-sticky-fixed-on-top-menu-implementation-for-twentythirteen-menu-269 |
| 16 | |
| 17 | |
| 18 | == Installation == |
| 19 | |
| 20 | Install like any other plugin. After install activate. |
| 21 | |
| 22 | If using template other than Twentythirteen open wp-content/plugins/mystickymenu/mystickymenu.js and edit selector class based on your template navigation bar class. |
| 23 | |
| 24 | "var navbar = document.querySelector('.navbar');" |
| 25 | |
| 26 | "var navbar = document.querySelector('.your_navbar_class');" |
| 27 | |
| 28 | |
| 29 | Edit /mystickymenu/mystickymenu.css to edit menu style, width, color... |
| 30 | Original javascript used from http://jsbin.com/omanut/2/edit |
| 31 | |
| 32 | |
| 33 | |
| 34 | == Screenshots == |
| 35 | 1. screenshot-1.png in plugin folder shows menu when page is opened, and not scrolled. |
| 36 | 2. screenshot-2.png shows menu when page is scrolled towards the bottom. |
| 37 |