Menu icon Foundation
Show off canvas "open" for desktop

Hi I've seen a lot of questions about displaying the top bar menu for desktop and off canvas for mobile, but I'm looking for something slightly different.

I would like the off canvas menu to be visible on desktop ( i.e permanently opened out ) and closed as normal on mobile.

is this possible?

navigation

Hi I've seen a lot of questions about displaying the top bar menu for desktop and off canvas for mobile, but I'm looking for something slightly different.

I would like the off canvas menu to be visible on desktop ( i.e permanently opened out ) and closed as normal on mobile.

is this possible?

James Stone almost 4 years ago

Just use the tab-bar and or offcanvas component. Just don't add any additional visibility classes (hide / show) like the other tutorials. Note: you will still need to wrap the entirety of your page to get the same look.

That offcanvas with icons that @Rafi Benkual shared is pretty cool though :)