0

Here is my fiddle:

https://jsfiddle.net/0sawc7vL/1/

And here lies the issue:

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: fixed;
    top: 35px;
    left: -32px;
}

The menu is perfect as it is right now. The only issue is, when I have a page where I can scroll. The submenu (with the "dashboard" link and such) stay in position, because it is fixed. When I remove the "position=fixed" property, the whole menu is screwed up. Same when I change it to relative. Any suggestions?

2

2 Answers 2

4

Add

position:relative

to

nav class="nav" 

element.

3

You should change it like this

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: absolute;
    top: 35px;
    left: -32px;
}
3
  • I did try that as well but I now edited my fiddle because I have some additional css styling in there.
    – Hardist
    Commented Oct 28, 2015 at 9:54
  • 1
    Awesome stuff, thanks a lot, wish I could check both as the accepted answer!
    – Hardist
    Commented Oct 28, 2015 at 10:20
  • As long as his solution did fix your problem, he deserves it. Commented Oct 28, 2015 at 10:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.