在手机或小型设备中绘制页面菜单时出现问题

Question

当把任何盒子或内容放在身体上时，我的可绘制菜单会在我的手机或小型设备中打开页面时下降。使用HTML和CSS。

代码可以在Www.deworb.com/hom.html上检查

Answer 1

您应该将z-index添加到nav标记中，请检查附加的图像。

z-index:99;

请看一看

Answer 2

您应该将z-index添加到边栏元素中，其值高于其他元素中z-index的值( z-index的默认值为0)。

@media (max-width: 991px) {
  header {
    padding: 0 20px;
    z-index: 2;
  }
}

Answer 3

谢谢，现在问题解决了。我刚刚添加了z-索引: 1；在标题Nav下面。