繁体   English   中英

链接汉堡图标显示与自定义断点

Linking display of hamburger icon with custom breakpoint

提示:本站收集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>
问题暂未有回复.您可以查看右边的相关问题.
1 自定义android菜单图标显示为灰色框?

我阅读了Android菜单自定义图标,但确实有“ @ drawable / ic_myimage”。 而不是我的png,出现了一个灰色框。 我通过右键单击res,新的android图标集并浏览到硬盘上的png来创建图标集。 png在我的资源解析文件夹下显示为“ ic_myimage.png ...

2013-09-07 18:07:56 1 705   android
2 显示正方形的离子自定义图标

基于我关注的博客, https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/ 我按照正确的自定义图标导入到我的 Ionic 3 应用程序; 但是我的 ion-tab 上的自定义图标显示了交叉的矩形(或正方形),其中没有 ...

7 当图标显示时,Vuetify v-data-table如何自定义?

我正在从Vuetify库实现v-data-table,目前正在按结束日期和开始日期对一列结婚日期进行排序。 即使刷新页面后,我也希望显示带有多分类编号的图标,我正在谈论的图标显示在下面的文档中 https://vuetifyjs.com/zh-CN/components/data-tables/# ...

8 自定义标签栏图标的大小不正确?

我创建了自己的自定义标签栏图标。 我已将它们保存为以下尺寸: 将这些文件导入资产文件夹后,我使用了代码: let homeController = HomeViewController() homeController.tabBarItem = UITabBarItem(ti ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM