阻止左滑动菜单使用 css 推送内容答案

【问题标题】：Stop left slide menu from pushing content with css阻止左滑动菜单使用 css 推送内容
【发布时间】：2021-12-12 23:09:06
【问题描述】：

我处理以下问题。

我有一个 wordpress 主题，其中有一个左侧菜单，当我按下汉堡包按钮时，它会将整个内容、标题和主容器推到左侧。

我应该调查什么？

我已经尝试将位置从固定更改为绝对，并将溢出更改为覆盖，但我现在可能会正确。

我无法提供代码，因为我不知道哪个文件负责，所以我应该在哪里查看？

我说的是 Atelier 主题。

提前非常感谢！

【问题讨论】：

【解决方案1】：

这在某种程度上取决于菜单的实现方式，如果没有更多细节，很难说 100% 什么对您有用。

尽管如此，如果您想在内容顶部显示侧边菜单而不将其推到右侧，那么您需要设置菜单的Z-Index，使其呈现在其余内容之上页面。

以下是一些可能有助于您实现目标的详细信息： Z-Index

【讨论】：

我知道你想要更多细节，但实现太复杂了。但是，感谢您的回答，但不幸的是，z-index 并不能正常工作。
这是主题森林主题吗？或者我们可以在线查看演示？这会很有帮助。
是的，它是一个主题森林主题。我正在谈论的演示是这样的：portotheme.com/wordpress/porto/shop10 我留下了工作室主题的想法我想在左上角添加一个带有汉堡图标的标题，它将像 g-star 的网站一样切换菜单。
所以检查了你的主题。如果我理解您对您想要实现的目标的描述，这有点像您的主题在屏幕尺寸小于 976 像素时所做的。因此，您可以修改样式，使其成为较大断点上的正常行为。但是，主题通过将正确位置设置为 -260px 来在该断点处推送内容，签出类 .panel-open .page-wrapper 删除负的正确位置应该允许主题像 g-star 网站一样工作。
我无法完全理解你的提议。我已经成功地创建了一个带有汉堡包的标题栏，它使用 javascript 打开了我的侧边栏。但是侧边栏将内容推到左侧，并且没有保持响应。

【解决方案2】：

设置 Manu 的位置属性应该可以解决问题。更多信息：CSS position property

【讨论】：

【解决方案3】：

当你点击汉堡时。请检查左侧的正文或内容添加边距。如果添加了左侧内容边距，则删除 margin-left: 0px !important。如果添加了新类，那么当你点击汉堡包时，使用 jQuery 删除这个类。

【讨论】：