如何在引导汉堡菜单中添加关闭按钮答案

【问题标题】：How to add a close button to a bootstrap hamburger menu如何在引导汉堡菜单中添加关闭按钮
【发布时间】：2020-03-31 11:01:12
【问题描述】：

我希望在我的引导汉堡菜单中添加一个关闭“X”按钮：

'primary', 'menu_id' => 'primary') ); ?>

这是我的网站：

我没有高兴地在互联网上搜寻解决方案。非常感谢任何帮助。

【问题讨论】：

【解决方案1】：

也许不完全是您要求的答案，但为什么不使用引导汉堡图标打开和关闭？这是引导汉堡菜单的默认行为。从我在您的网站上看到的情况来看，将弹出的菜单当前正在阻止汉堡图标，因此您无法关闭它。

您可以为菜单添加更多边距，使其不再阻塞：

.menu-primary-container { margin-top: 72px; }

【讨论】：

【解决方案2】：

万一其他人遇到这个问题，这就是最终的工作：

.menu-primary-container {
position: absolute;
right: 0;
margin-top: 20px;
z-index: -1;
}

#logo-image {
    z-index: -2;
}

}

【讨论】：