当页脚位置 = 绝对时将响应式菜单推入页脚

Responsive Menu Pushed into Footer when Footer Position = Absolute

我试图将我的页脚 div 放在网站底部,以避免在较短的页面上在其下方出现空白 space。当我将页脚的位置设置为绝对位置时,响应式菜单按钮的位置似乎是相对于页脚的,而不是相对于页眉的。当我将其从绝对值改回时,它可以正常工作。它几乎就像是将自己与页脚菜单而不是页眉菜单相关联,但我看不出为什么会发生这种情况。此外,当我登录到 WordPress 时,顶部菜单栏(在前端)以同样的方式被按下。但是,直到视口达到 600 像素时才会发生这种情况(我在 600 像素处没有媒体查询)。响应式菜单已出现在 767 像素的视口宽度处。

这是一个正在建设中的 WordPress 网站 here

我正在使用自定义主题和this响应式菜单

有人知道那里会发生什么吗?谢谢

您需要将#click-menu div 和#responsive-menu div 移到页脚元素之外才能解决此问题。

这是一个类似的问题,有一些很好的答案:Absolute positioning inside absolute position