刚刚进入基金会5,然后6出来。现在我无法使用顶栏菜单代码。具体来说,当我调整我的浏览器从大到中的大小时,我希望顶层菜单选项消失,并出现菜单图标(汉堡包)。当我点击汉堡包图标时,导航链接将垂直显示。这工作在5,但我无法弄清楚在6.基金会6顶部酒吧菜单图标
我到目前为止 - 减去菜单图标代码。这可以在我的页面上显示链接并显示顶部栏。
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text"> >> </li>
<li><a href="index.html">Home</a></li>
<li><a href="apartment-descriptions.html">Apartment Descriptions</a></li>
<li><a href="floorplans.html">FloorPlans</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="application.html">Application</a></li>
<li><a href="lease.html">Our Lease</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</div>
我找到了一个解决方案,它的工作,但整个页面消失,直到我点击菜单链接 - 怪异。
任何人都可以告诉我我需要做什么吗?或者,给我一个很好的教程,展示如何添加菜单图标?
感谢您一如既往的帮助。
感谢您的帮助,感激。我现在有两排。顶行是黑色的菜单图标和“菜单”文本。这什么都不做。第二排有我的导航链接。使用FF响应式设计视图,当我将屏幕缩小到约639时,导航链接变得堆叠起来。在Foundation 5中,菜单图标隐藏,直到我的屏幕尺寸缩小。然后,导航链接消失并出现菜单图标。点击菜单图标导航链接出现垂直堆叠。如果我无法获得该功能,我可以在没有菜单图标的情况下使其工作。 –