Menu icon Foundation
Foundation 6 navbar offcanvas and clearing

1)
Do you guys have an example how to have the with v6 the top navbar with offcanvas menù like in v5?
In v6 its has been broken in 3 pieces but it works differently.

2)
What do you use in replace of "clearing" that has disappeared?
I used it a lot for gallery and also in Wordpress to replace its default gallery.

Thanks.

navbarclearing

1)
Do you guys have an example how to have the with v6 the top navbar with offcanvas menù like in v5?
In v6 its has been broken in 3 pieces but it works differently.

2)
What do you use in replace of "clearing" that has disappeared?
I used it a lot for gallery and also in Wordpress to replace its default gallery.

Thanks.

Magda Jans almost 4 years ago

1) Here is a top bar example.
http://zurb.com/building-blocks/top-bar-with-off-canvas

2) If it is a question about any kind of Gallery for WordPress that works like Clearing I recommend the Unite Gallery Lite. Foundation has no problem with it.

Antonio Gallo almost 4 years ago

1) thanks, i watched the example, so now the navbar no more converts to a responsive menù automatical; do i need to duplicate the items of the menù to render both the navbar and the offcanvas ?

2) thanks, its a nice one but still i'm looking for something more simple and maybe hosted on github;

Rafi Benkual almost 4 years ago

@Magda Jans Great answers! I would add Magnific Popuphttp://dimsemenov.com/plugins/magnific-popup/

@Antonio Gallo The off-canvas is a separate component. It's very common to use a separate menu for larger screens than smaller screens.

Magda Jans almost 4 years ago

@Antonio Gallo

1)
Yes, it is exactly as shown in the HTML code example, in the link above: Two menus, one for off canvas, one top bar. That way you can have two different menus (or even three, as in the example) and could split content links and more administrative links on the desktop, but have them altogether in the off canvas menu.

2) this is a classic.
As Wordpress plugin: https://wordpress.org/plugins/slick-carousel/
Github: https://github.com/kenwheeler/slick/

@Rafi Benkual
Thanks in return!

Antonio Gallo almost 4 years ago

Thank you both!
Seems i can start to migrate my wordpress framework to V6 :)