div中的“位置菜单”图标

Question

我无法在div中定位菜单图标。我正在使用https://navnav.co/中的自适应全覆盖导航菜单。 我在个人网站中使用此菜单，但菜单图标始终位于页面右上方。 我想做的是，当我的网站加载后，我正在显示一张完整的墙纸。 向下滚动后，壁纸结束后我有一个导航菜单。

我只想将该菜单图标放在该div中，而不要放在网页的右上角。

.cd-nav-trigger {
      /* hamburger icon */
      position: fixed;
      z-index: 3;
      top: 12px;
      right: 5%;
      height: 44px;
      width: 44px;
      /* image replacement */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      -webkit-transition: -webkit-transform 0.2s;
      -moz-transition: -moz-transform 0.2s;
      transition: transform 0.2s;
    }

我已经创建了一个演示jsfiddle，请检查它。它只是一个原型。 https://jsfiddle.net/szn0007/zwds84ec/

另请参阅屏幕截图。

Answer 1

在您的小提琴中，删除position属性

.cd-nav-trigger {
    /*position: fixed;*/
}

这会将您的菜单图标放置在菜单容器中。 position: fixed将其放置在页面上