Questions tagged [slicknav]

Responsive Mobile Menu Plugin for jQuery

Features

  • Multi-level menu support
  • Flexible, simple markup
  • Cross-browser compatibility
  • Keyboard Accessible
  • Degrades gracefully without JavaScript
  • Creates ARIA compliant menu

Usage Instructions

Include the CSS & JS

slicknav.css can be modified to fit website design

<link rel="stylesheet" href="SlickNav/slicknav.css" />
<script src="SlickNav/jquery.slicknav.min.js"></script>

Menu Markup

<ul id="menu">
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
    <li><a href="#">item 4</a></li>
</ul>

Initialize

<script>
    $(function(){
        $('#menu').slicknav();
    });
</script>

Project Site
GitHub Source

71 questions
24
votes
2 answers

SlikNav multi-level menu on desktop view?

I'm using SlikNav to make a mobile navigation menu. I have this structure:
IMB
  • 15,163
  • 19
  • 82
  • 140
4
votes
1 answer

Control two slick sliders with only one navigator

I'm using Slider Syncing from Slick.js and need to control with only one navigator the other two.
content
content
Julioarhernandez
  • 167
  • 2
  • 11
3
votes
4 answers

Show content only from the clicked link and hide all siblings

as stated in the name, i have a menu with links, and i have a list of sections which i want to show/hide on the click of the menu. What i want here is to be dynamic in a sense that if i add more menus and sections I don't have to change the code…
Ivan Horvatin
  • 217
  • 1
  • 2
  • 14
3
votes
6 answers

Use a logo with SlickNav

I've been able to successfully implement SlickNav into my site using the suggested markup: %nav #logo = link_to 'index.html#top' do = image_tag "logo.png" %ul#menu %li = link_to "ONE", "#1" …
jkoler
  • 66
  • 1
  • 3
3
votes
1 answer

Slicknav with Wordpress

I am trying to use SlickNav with a custom theme on Wordpress. I feel as though I have tried everything to make it work, and have not been able to find anyone with similar issues. The site is not yet live, so I have no link to share, I'm afraid.…
Marta
  • 81
  • 1
  • 5
2
votes
0 answers

SlickNav Fixed header causes menu not scrollable

I tried the solution for SlickNav fixed header here: How to make a fixed header with SlickNav This works, but I then have a problem: my lengthy SlickNav menu list can no longer scroll, it stucks at bottom of the screen. Is there a solution? Thank…
hapx
  • 21
  • 3
2
votes
0 answers

Why does jQuery not work in iPhone6 but does on iPhone 6S?

When I run: $(document).ready(function($) { $("#nav_lat").slicknav({ prependTo: "#mobile_menu" }); }); on a iPhone 6S or iPhone 6 it works. But when I run: $(document).ready(function() { $("#nav_lat").slicknav({ prependTo: "#mobile_menu"…
DCR
  • 14,737
  • 12
  • 52
  • 115
2
votes
1 answer

slicknav not working on iphone 6 safari

I have slicknav working on a desktop in chrome, ie, safari and firefox. When I run on the iphone 6 it works in chrome but not in safari. my js function looks like: $(document).ready(function() { …
DCR
  • 14,737
  • 12
  • 52
  • 115
2
votes
3 answers

Javascript: Prepend with HTML code including img src and href's

Trying to add some prepend code to a SlickNav menu and while basic HTML works, once I add things like img's and href's, the code fails. I know this is incorrect, but I'm wondering what would work here: jQuery('.slicknav_menu').prepend('
Adam Bell
  • 1,049
  • 1
  • 16
  • 50
2
votes
1 answer

SlickNav menu, each li with specific color background?

I prepare my mobile menu with SlickNav but I have a little problem. I can not specify my css attributes on my
  • beacause SlickNav not taken into account. The problem is that I simply want to change the background of each of my
  • Any idea?
    angelilo_
    • 143
    • 9
  • 2
    votes
    0 answers

    JQuery Slicknav, merge two menus in one, but on 2 columns

    on a wordpress custom theme, I'm using slicknav menu to create a responsive mobile menu. It works great, so I decide to merge the second menu present on my site (category menu) in the mobile menu. Using this codePen it's simple and easy, but I'd…
    Aculine
    • 21
    • 1
    • 4
    2
    votes
    3 answers

    Change background in slicknav when open/closed

    I'm trying to change the background in Slicknav for when the Slicknav menu is opened and closed. i use this code, but it doesnt work to me. $(function(){ var $bg; $('#menu-home').slicknav({ duplicate: false, label: '', init:…
    Afrgun
    • 313
    • 3
    • 16
    2
    votes
    0 answers

    superfish+ slicknav not work

    I have a problem on menu of website,this menu have more section and in desktop version is suddivise in two part , the first is normal menu the second use jquery superfish for drop-down menu in desktop. In mobile use only slicknav,…
    themich
    • 193
    • 1
    • 3
    • 15
    2
    votes
    0 answers

    SlickNav plugin no working on mobile

    I am using slicknav plugin for menu and it works great on desktop an ipad. On cell phone, while scrolling through the menu or clicking anywhere outside the menu, closes the menu. My code:
  • Item 1
    • sub-Item 1
  • Champ
    • 53
    • 1
    • 8
    2
    votes
    1 answer

    SlickNav plugin not applying Js

    I am trying to implement Slicknav plugin on a website, but it seems not to be loading the js, or not applying required actions defined by it. I have prepared a LIVE DEMO with just the HTML code of the nav, as specified on SlickNav's website The only…
    Biomehanika
    • 1,530
    • 1
    • 17
    • 45
    1
    2 3 4 5