Hello folks

Is there a tutorial to set up a nav like top bar with animation? I would like for the nav to do the same thing as top bar but change the break point.

Thanks all

Byron

Can't you use a non dropdown menu as a top bar?

Sorry Byron I have been so tied uo
with some other stuff

I have not found the one I did previously so I will make another

Do you want the hamburger thingy to stay visible akk the way up with the menu bar hidden or do you want a particular breakpoint whre it changes rather than the default?

Byron
Have a look at this quick example see if it's anywhere near what you want


https://youtu.be/UyuQGgwUfT0

Thanks - let me look at this

Byron

Sort of - I was wanting a drop down menu when its in smaller screen version. Like this

https://buyyourcell.com/

That is the component top bar with animation that I use only in the smallest size but would like to use it in the second break are of foundation. Hope that makes sense. Right now I use top bar in the small screen break point - use the "none" for the rest of the sizes. I would like to use the long navigation (drop down type - in the second are.

Your example would be great if it was a drop down so I could more pages.

I have seen this request from a couple of seasoned users in the forum but no solutions unless I have missed it

Thanks

So lets get this straight
You want the top bar with animation, but you want the hamburger menu thingy to stay visible all the way up, with the dropdown visible when clicked

That menu isn' using the "top-bar-with-animation, that menu is difficult to change the setrtings for

The example is made using a normal menu, the hamburger trigger can be made to appear for full screen, or dissapear wherever you want to be replaced by the full width menu with as many links as you need