SlikNav multi-level menu on desktop view?

Question

I'm using SlikNav to make a mobile navigation menu. I have this structure:

<nav>
    <ul>
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Products</a>
            <ul>
                <li>
                    <a href="#">Child1</a>
                </li>
                <li>
                    <a href="#">Child2</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

This works fine on mobile view, here is a codepen.

My desktop version of this is simply: nav ul li { display:inline; } which makes the list display inline.

My question, is it possible for SlickNav to make the dropdown menu also work in desktop view?

Hello, your question is too vague. What exactly happens on mobile that does **not** happen on the desktop (and vice versa)? — Alexander Dixon, Oct 06 '17 at 19:53
@AlexanderDixon SlickNav dropdown appears to only work on mobile view e.g., the `
` under `Products` initially appears hidden and is only revealed when clicked (which is the expected behavior). This does not happen on desktop. — IMB, Oct 06 '17 at 19:57
Have you deployed your code on any server ? If yes, then please share the link. Thanks — Hassan Siddiqui, Dec 06 '19 at 04:47

score 1 · Answer 1 · answered Oct 11 '17 at 06:20

right now, the menu is already a dropdown in desktop mode and also in mobile mode..

Just for looks good, do that - add a class "sub" in ul after li.

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a>
      <ul class="sub">
        <li><a href="#">Child1</a></li>
        <li><a href="#">Child2</a></li>
      </ul>
    </li>
  </ul>
</nav>

and css -

li{
  float: left;
}
li > ul.sub{
  margin: 0;
}

score 0 · Answer 2 · answered Sep 28 '19 at 13:51

0

I don't know how to do this but I have an alternative and fast solution from this.

You can use smartmenu Plugin Here is the Example Click Here

Hope It Helps You.

answered Sep 28 '19 at 13:51

Neeraj Pathak

759
4
13

SlikNav multi-level menu on desktop view?

2 Answers2