Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Using SlickNav on WordPress and Genesis Mobile Menus
//do not copy above opening php tag
* Using SlickNav as Mobile Menus
* @package Slick Nav Mobile Menu
* @author Neil Gee
* @link
* @copyright (c) 2014, Neil Gee
function themeprefix_scripts_styles(){
wp_enqueue_script( 'slicknav', '//', array( 'jquery' ),'1.0.5',false);
wp_enqueue_style( 'slicknavcss', '//','', '1.0.5', 'all' );
add_action( 'wp_enqueue_scripts', 'themeprefix_scripts_styles');
//Set Responsive Nav to fire - change CSS ID of menu to suit
function themeprefix_responsive_menujs() {
echo "<script>
jQuery(function($) {
add_action ( 'genesis_after','themeprefix_responsive_menujs' );
/*CSS Slick nav Menu Style*/
.slicknav_menu {
@media screen and (max-width:600px) {
/* #menu-main-menu is the original menu */
#menu-main-menu {
.slicknav_menu {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.