Я использую Zurb Foundation 4, и мне нужно использовать навигацию на верхней панели. Однако у меня есть две панели навигации, одна черная и занимает 100% ширины экрана. Этот простой с двумя ссылками и формой поиска. Это должно быть исправлено.
Второй белый имеет максимальную ширину 980 пикселей и содержит 3-4 уровня. Между ними находится мачта.
Мне нужно, чтобы оба рухнули.
Что я хочу сделать, так это сделать вторую (основную) панель навигации липкой, но вместо того, чтобы прилипать к верхней части окна браузера, я хочу дать ей смещение, чтобы она «прилипала» под черной полосой.
Я могу сделать это в начальной загрузке, но я не могу понять, как это сделать в основе.
Другая альтернатива — иметь одну черную панель навигации в свернутом состоянии.
Я мог бы сделать это с помощью CSS, но, поскольку основная навигация довольно большая, я не хочу загружать ее дважды. Я пробовал appendAround.js, но он не работает в верхней панели.
Есть идеи?
Заранее спасибо!