I need to prototype the navigation for a client site rebuild (in Foundation) and what I am trying to achieve is:-
- A regular menu on the top right for items that are relevant to all viewers
- Two larger and more prominent buttons directing specific groups to their own areas. These areas will be a single scrolling page using a magicgellan menu
- A logo
- All of this in one top bar which is sticky
I tried doing this in a 4 column stack - which I’m sure is entirely the wrong way but it at least shows what I want to achieve.
However the Top Menu takes the whole width when sticky, hiding the buttons and logo.
I’d be happy for it to all be one menu if there was a way to emphasise the two ‘zone’ buttons.
I am aware of solutions like Joey but am short of time sussing them out - hence any pointers would be very helpful so I can get this demo done in time. I’m keen to do this using a blank theme approach as the client will be fussy about layout and theme constraints would not be a good idea - Foundation is the product I have purchased.