This plugin adds SlickNav Responsive Mobile Menu functionality to WordPress.
SlickNav Responsive Menu has multi level menu support.
Cross browser Compatible.
Creates ARIA compliant menu.
Option to add a search field.
Option to add a logo.
Combine multiple menus.
The settings are found via the dashboard Settings > SlickNav Menu
Here you choose your Menu to be used as Mobile Menu – original has to already be on page
Maximum width for the menu to appear, default is 600px
Menu Label, MENU is default
Parent links, true or false, whether a parent link that has a submenu is clickable to a page
Show Child Links, false by default
Open/close Menu speed option
Fix Menu to Head, using position fixed to body tag
Option for branding logo opposite menu label – smaller works better such as 40px in height and up to 140px in width
Option to hide header with a ‘.site-header’ class when Slicknav Menu is visible
Option to add in a search field at the bottom of the menu
Search icon background color
Options to change the opening and closing symbols
Advanced filter to adjust Slicknav values – https://wpbeaches.com/slicknav-wordpress-filter-to-adjust-values/
Demo – http://wpbeaches.com (resize browser window to below 600px)
Please note that SlickNav jQuery plugin is the work of Josh Cope, he is not responsible for the working or support of this plugin.
This section describes how to install the plugin:
- Upload the
slicknav-mobile-menufolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Options are in Settings => SlickNav Menu
Contributors & Developers
“SlickNav Mobile Menu” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Update deprecated jQuery calls with jQuery 3.5
- Updated wp-color-picker to 3.0.0
- Updated wp-color-picker to 2.1.4
- Added ‘inline-block’ display to display designated Mobile Menu when outside of mobile view.
- Updated wp-color-picker to 2.1.3 to be compatible with WP 4.9
- Option to display designated Mobile Menu when outside of mobile view, by various CSS display properties.
- Update wp-color-picker to 2.1.2 to be compatible with WP 4.9
- Fix to store Unicode characters in older MySQL storage
- Minor fix for 2 CSS
- Lower z-index on Menu
- display block on targetted menu
- Minor fix for 2 undefined PHP notices
- CSS fix when menu sticks to head
- JS init code clean up
- Option to center SlickNav Menu Button
- If a brand logo or text block is also used with the button then the spacing is set to ‘space-between’ which will space the items to the outer edges.
- Fix submenu indicators if set to left
- Set inline CSS to mobile first min-width media queries
- Updated in line with SlickNav core 1.0.10
- New option to swap animation library, jquery is default – velocity as an option too.
- Better keyboard ARIA support with latest SlickNav 1.0.10
- Redo options using Settings API.
- Use RGBa color pickers for color options.
- Add text logo alternative to image
- Option for search icon color.
- Option to toggle sublevel menus – show only one at a time.
- 4/6/16 – Add option for Link text hover color, this also applies to submenu items, remove submenu hover background color. Existing menu hover background color now applies to top and submenu items.
- 26/3/16 – Added close on click setting, useful for same page links, the menu will close after clicking, added a search text label field, upgraded SlickNav core to 1.0.7, refactored wp_add_inline_style CSS.
- 9/2/16 – Fix undefined notices on CSS variables when WP_Debug is set to true.
- 5/2/16 – CSS inline styles now added via wp_add_inline_style.
- 12/12/15 – Updated core SlickNav to match 1.0.6, fixes for Undefined index notices displayed when WP_Debug set to true.
- 23/10/15 – Option to hide header when SlickNav displays, this will only apply to themes with a header class of ‘.site-header’ otherwise it will need to be done in the CSS, minor updates to descriptive text. Less padding around top & bottom of brand logo.
- 30/9/15 – Now add comma separated menus for one combined menu -> props Ov3rfly, filter name more descriptively named.
- 17/9/15 – Backend fixes, nonce referrer completed, remove global variables, restructure output based on no values set -> props Ov3rfly.
- 17/9/15 – Added a filter so Slicknav options can be changed outside of regular options page, props -> Ov3rfly – Instructions – https://wpbeaches.com/slicknav-wordpress-filter-to-adjust-values/
- 10/9/15 – Menu Button Position – if set to left, brand logo (if used) will then appear to the right, code error fix ups, added a form nonce for security -> props Ov3rfly.
- 15/8/15 – Back end PHP functions are now namespaced, script handle names redefined with more description, minor CSS tweaks for spacing on search field, option added for Button background color when menu is expanded, CSS styles added so menu is visible when logged in with Admin toolbar visible, updated translation files. Added fallback to body selector if selector is blank.
- 25/7/15 – Color option for Search Icon background, logo link to home page, logo alt text field – Set Menu selection back to manual text input.
- 2/7/15 – CSS bug fix for fixed positioning.
- 28/6/15 – Select menu from dropdown of available menus instead of text input field – original menu still has to be already output on the page.
- 26/6/15 – Bug fixes: removed placeholder value for brand logo, added a max-width value on logo, code tidy up.
- 13/6/15 – Options to change the opening and closing symbols.
- 11/6/15 – Option to add in a search field at bottom of menu.
- 7/6/15 – Updated POT file, Core SlickNav upgrade version to 1.0.4, option for Branding Logo opposite label, using input field of media uploader.
- 31/5/15 – Option to fix menu to Head by using position fixed to body tag.
- 17/5/15 – No front end changes, Fix wp-debug notice on undefined index when checkboxes are not set.
- 3/5/15 – Added Child Links show/hide on open – Added ‘Settings Updated’ admin notify.
- 28/4/15 – Core SlickNav upgrade version 1.0.3 – CSS minified – Hover Color Option for Items that contain submenus.
- 26/4/15 – Internationalized – French translation added.
- 18/4/15 – Added color pickers for color options.
- 17/4/15 – Added shadow on/off for label and icon, added label font size adjustment, label weight adjustment, admin layout tweaks.
- 16/4/15 – Added link color and background color hover on links.
- 15/4/15 – Added color options for Menu label name and icon, redid dropdown value retentions.
- 13/4/15 – BugFix, Select Option Dropdowns now retains previous selection on update.
- 12/4/15 – Added open/close Menu speed amount.
- 12/4/15 – Position, Label and Parent Links options added. Placeholder text added.
- 11/4/15 – Position, Label and Parent Links options added. Placeholder text added.
- Initial release