侧边栏的汉堡包图标不可见

[RHEE (SANG HYUN RHEE)]

我刚刚设置了侧边栏功能，发现汉堡包图标不可见，如下所示：

但是当我将鼠标悬停在框上时，它的图标会显示出来：

如何才能在不将光标指向框时也显示图标？

[Don]

您好，

看起来您的 --header_primary-low-mid（这是默认的标题按钮）颜色变量与 --header_primary（标题）颜色（#fff）相同。这就是为什么侧边栏图标不可见的原因。正如我在您的网站上看到的，您正在为其他标题图标使用 --tertiary 颜色变量。您也可以更改侧边栏按钮的颜色。或者，您可以更改 header_primary-low-mid 颜色使其可见。

创建一个新的主题组件或将其添加到现有组件中

桌面 > CSS

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

[RHEE (SANG HYUN RHEE)]

感谢您的迅速回复！\n但我仍然找不到您提到的正确变量：\n

\n是哪一个？

[Don]

嗯，据我所知，这些都无法控制标题按钮的颜色。这是一个自定义主题，您可以在其中更改颜色。我认为这是一个远程主题，所以您可能无法更改颜色变量的颜色，但您可以在 /admin/customize/colors（管理 > 自定义 > 颜色）页面上进行检查。在该页面上选择您使用的颜色主题，然后搜索 header_primary-low-mid 变量。如果无法更改，则需要联系主题创建者。

或者

您可以尝试添加一个新的主题组件，它将更改侧边栏按钮的颜色。

1. 转到 /admin/customize/themes/
   自定义 → 主题
2. 点击 组件 选项卡，然后点击 安装 按钮
3. 在弹出窗口中，点击 + 创建新 选项卡并键入新组件名称。

4. 点击 创建 按钮。

5. 组件已创建。现在选择您要激活它的主题。
   

   

6. 点击 编辑 CSS/HTML 按钮。
   

   

7. 点击 桌面 选项卡，并将以下代码粘贴到 CSS 部分。

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

8. 点击 保存 按钮。完成

[RHEE (SANG HYUN RHEE)]

太棒了，感谢您的帮助。完美解决了我的问题 =]