Menu icon Foundation
Top Bar with Off Canvas

Hey guys,

I was wondering if it is possible to create a menu like this using the Top Bar:
http://thunderboltlabs.com/

It shows menu items on the main screen (for screens medium and up) while also having a Menu button that displays a different, off-canvas menu with different links. I'm sure this would require some hacking of the top bar, but I think it can probably be done, I just am not sure how.

Thanks in advance for your help!
Colin

top-baroff-canvascustom top-bar

Hey guys,

I was wondering if it is possible to create a menu like this using the Top Bar:
http://thunderboltlabs.com/

It shows menu items on the main screen (for screens medium and up) while also having a Menu button that displays a different, off-canvas menu with different links. I'm sure this would require some hacking of the top bar, but I think it can probably be done, I just am not sure how.

Thanks in advance for your help!
Colin

This post has been closed. No new replies can be added.

Perry over 4 years ago

Hi Colin,

Is this what you are thinking of, potentially?

http://calebserna.com/foundation-top-bar-offcanvas-hybrid/

It's a hybrid of the top bar and off canvas menus.

Rafi Benkual over 4 years ago

Yes and this: http://codepen.io/winghouchan/pen/qrKew

You can trigger the basic off canvas example from any element.

Colin Marshall over 4 years ago

@Rafi Benkual - That is perfect. I was able to replace the icon bar with the top bar and it works flawlessly. Thank you!

@Perry - Not what I was looking for, but thanks anyways for the help! Much appreciated!