Menu icon Foundation
Top bar to drill down on mobile

How do I make it so that the top bar menu shows horizontally on desktop, but when toggled on mobile, it shows as drilldown?

I've added the following data attributes:
data-dropdown-menu data-responsive-menu="drilldown small-drilldown

but no luck.

Do I need to reference a css selector?

My menu can be seen here http://polyglotberlin.com/2016/

Adam

            

         

foundation 6dropdown menutop menutoggle

How do I make it so that the top bar menu shows horizontally on desktop, but when toggled on mobile, it shows as drilldown?

I've added the following data attributes:
data-dropdown-menu data-responsive-menu="drilldown small-drilldown

but no luck.

Do I need to reference a css selector?

My menu can be seen here http://polyglotberlin.com/2016/

Adam

            

         
Ally almost 4 years ago

Hi Adam

try this.

<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">

Hannes Lehner almost 4 years ago

http://foundation.zurb.com/sites/docs/responsive-navigation.html

But the Top Bar-Navigation in Foundation 5 was much better. The new Responsive Navigation in Foundation 6 will not Dropdown fully and is my purpose completely unusable. So I’ll have to stay with Foundation 5 - or switch.

Ally almost 4 years ago

check out the solution here posted by @Endre R. Fehn

http://foundation.zurb.com/forum/posts/36267-mobile_show_parent_links-in-drilldown