Menu icon Foundation
Top-bar with two drop downs on mobile?

I want to have a fixed navigation bar, with two sections (left and right).

On desktops, the left section contains a single drop-down with links. The right section contains multiple links (without drop-downs).

On mobile, I want the left section to be the same as on desktop (eg single button with drop-down), and the links in the right hand section to collapse down to a single 'menu' drop-down.

Here's what I have so far:

http://cdpn.io/njBtr

The desktop version behaves as I want it to, but when you get below 640px the left and right sections are collapsed in to a single menu. How can I modify it so that the left section remains as-is?

top-barnavigationdrop-down

I want to have a fixed navigation bar, with two sections (left and right).

On desktops, the left section contains a single drop-down with links. The right section contains multiple links (without drop-downs).

On mobile, I want the left section to be the same as on desktop (eg single button with drop-down), and the links in the right hand section to collapse down to a single 'menu' drop-down.

Here's what I have so far:

http://cdpn.io/njBtr

The desktop version behaves as I want it to, but when you get below 640px the left and right sections are collapsed in to a single menu. How can I modify it so that the left section remains as-is?