提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
在我的foundation_and_overrides.scss ，我已将topbar-breakpoint更改为特定的px宽度。 我想在宽度小于断点时显示汉堡图标。
现在，它将删除菜单并将其留空，直到我点击$small-range为止。 我不确定在foundation_and_overrides.scss何处进行编辑，以在遇到新断点时显示汉堡图标/菜单。
SCSS
$topbar-breakpoint: 1225px; // Change to 9999px for always mobile layout
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default;
的HTML
<div class="fixed header" style="border-bottom: 1px solid #000;">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="/"><img src="/assets/logo.png" alt="" id="logo-image"></a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li><a href='/programs'>Programs</li>
<li><a href='/projects'>Projects</li>
</ul>
</section>
</nav>
</div>
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.