0
我有一个100%宽x 75px高的海军导航栏。我在导航中心有一个徽标(一个复古徽章),理想情况下,这个徽标位于此杆的上方(考虑皮带扣)。如何将此响应式导航转换为移动菜单?
但是,我想让这个菜单消失,当它变小(并且具有'徽标;移动到菜单下方)时,它就会变成这些方形图标移动菜单之一。我已经看了大约4个教程,并没有一个适合我。
我正在使用“响应式网格系统”来构建我的网站。
设计参考:CLICK ME (:
<div id="navigation">
<nav id="primary_nav">
<ul>
<li><a href="">home</a></li>
<li><a href="">about</a></li>
<li><a href="">services</a></li>
<li><a id="logo" href="/"><img src="images/CarpetRepair_Logo.png" alt="Logo"></a></li>
<li><a href="">photos</a></li>
<li><a href="">contact</a></li>
<li><a id="FB" href="/"><img src="images/FB_Logo.jpg" alt="Facebook"></a></li>
</ul>
</nav>
</div> <!-- navigation end -->