响应菜单和问题的问题布局

Question

我设置了一个粘性菜单，以便在我的桌面屏幕上，无论用户在页面上的哪个位置，菜单都会保持在顶部。这在电脑上运行得很好，但在手机上效果不是很好。我的主题是一个响应式主题，因此它很好地适应了手机屏幕，菜单选项卡缩小为手机上的一个下拉按钮。但是，当您打开下拉列表时，我的所有菜单栏标签都会下拉到第一篇帖子内容中，很难看到并点击。我想这是因为我设置的粘性菜单。

我还在主要内容区域外设置了两个广告。这些与移动电话上的内容区域重叠。我需要将这些广告推送到内容区域的底部，或隐藏在移动视图中。

我的网站是www.beeandcompany.com。如果有人能够帮助我，我会非常感激！

Answer 1

好吧，只需编辑style.css中的响应式CSS。有一行

@media screen and (max-width: 779px)

这适用于小于779px的所有分辨率。定位您的菜单，并将其固定在左上角。

例如

nav.lowermedia_add_sticky {
position: fixed;
top: 0;
left: 0;
background: #aaa;
z-index: 100;
}

您可以根据自己的喜好进行编辑。此外，您应该使菜单切换始终可见。这些广告与您的内容重叠。您应该让某人完成您的设计并修复响应内容。