I created a top-bar menu using Foundation 6 looking at its documentarion and some tutorials on its page. I managed to make it work responsively, changes from dropdown to drilldown when in mobile view. All ok, but I'm missing something here. The dropdown boxes don't expand to make menu options one line each. The class "is-dropdown-submenu" set a min-width of 200px. But that doesn't work as a minimum width. It works as the max-width because dropdown boxes doesn't expand beyond that value. I have to manually set a larger width to place all my meny options in one line each. Is there any way to dropdown boxes adjust its size automatically?
Here is the codepen http://codepen.io/anon/pen/evedRp