When I open the nav in preview mode, I get a huge space at the bottom of the page, below the footer.
There is a big space between the footer and the menu buttons.
This is the first time I have ever had someone want a menu on the bottom though - what is her reason behind doing so? just so you don’t have to scroll back to the top for the menu I am assuming?
Well, I found the reason of issue, not the way how to fix it yet, but, at least close.
When menu is opening (appear) container, where is this menu inside, will increase it’s height. And even the fact that you will give to menu position:absolute will not change it’s height. I found it by make menu position: relative.
@sabanna, if you wanted to have the appear container sitting on top of the nav element in a entirely new created nav menu, how would you do this? I only ask because I am interested - I don’t ever think any of my clients would ask to have it designed this way though as it is rare to see it done like this.
Ok, I don’t think it is possible to do with standard nav widget. Because generic nav widget has not only tags inside of it, but it’s own functionality, which is controlling by javascript.
But I definitely know that dropdown widget can be styled for opening up. So If there is very important to have footer menu like this, you will have to create custom navigation or style dropdown widget.