Streaming live at 10am (PST)

Inverted Navbar possible?


#1

Hey guys, Is it possible to make the navbar on the botton of the page and make it open upwards instead of downwards? It works in design mode but when trying the preview mode it seems invisible despite I can still click navlinks.

Here is the deal: https://webflow.com/design/exzellenzmusic?preview=337fda8734f3aba4a82d202925b1e699

Thank you!!


#2

Daniel,
you can create a nav bar from any position or location. If you decide to create your own, all you have to do is hide the container margin to any position you want (top, left, right, bottom), and set the hover to the location you want it to show. I don't have any examples on hand, but the one I created for this site can technically show at the bottom, top, left or right if I wanted to (try resizing your browser to see the navbar in action).


#3

Hm, I see the problem.
Seems to work OK when you "open the foldout menu" within the editor. However, when you actually click the hamburger-icon it opens outside the window.

I'm curious to learn a solution for this, too.


#4

Although we haven't officially added support for docking the navbar to the bottom yet, you might be able to fix this particular case by adding some custom code in an HTML embed:

<style>
.w-nav-overlay { position: fixed; }
</style>

Hope that helps!


#5

Yes, thanks danro!! working good smile


#6

#7