со стилями где-то намудрили. иногда когда браузер не видит закрывающих тегов он не видит и промежуточных блоков.
вот навскидку — не вижу закрывающего </ul>
<div id="stuck_container" class="stuck_container">
<div class="container">
<nav class="nav"><?php wp_nav_menu('menu=First&menu_class=sf-menu'); ?>
<ul data-type="navbar" class="sf-menu">
</nav>
</div>
</div>
Так отображается все, но не совсем корректно.

Я так понимаю, что не хватает этой обертки: <ul data-type=»navbar» class=»sf-menu»> , но как можно добавить ее?
Исходный код меню:
<div id="stuck_container" class="stuck_container">
<div class="container">
<nav class="nav">
<ul data-type="navbar" class="sf-menu">
<li class="active"><a href="<?php bloginfo('url'); ?>">Главная</a>
</li>
<li><a href="index-1.html">О нас</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Conse ctetur adipisicing</a></li>
<li><a href="#">Elit sed do eiusmod
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Conse adipisicing</a></li>
<li><a href="#">Sit amet dolore</a></li>
</ul></a></li>
<li><a href="#">Incididunt ut labore</a></li>
<li><a href="#">Et dolore magna</a></li>
<li><a href="#">Ut enim ad minim</a></li>
</ul>
</li>
<li><a href="index-2.html">Services</a>
</li>
<li><a href="index-3.html">FAQS</a>
</li>
<li><a href="index-4.html">Contacts</a>
</li>
</ul>
</nav>
</div>
</div>
Из-за того, что не в этих атрибутах находится вывод, менюшка для телефона не отображается. 🙁