使用图层的 wordpress 徽标重叠菜单

Question

我正在为基于 wordpress 的网站使用层框架。在此处结帐 medshopi。我在菜单栏中使用了左徽标样式。在菜单栏中，徽标和菜单项重叠。响应式布局也是如此。我不明白 css 的哪一部分与徽标和菜单重叠 items.Your 帮助非常感谢并提前致谢。

Answer 1

删除

position: absolute;

来自 style.css

的第 157 行

Answer 2

因为你的 .logo div 是一个绝对定位的元素，兄弟 .nav 对它视而不见。

您必须通过填充或边距为导航提供足够的 space 才能解决此问题。这假定您希望菜单在菜单之后立即启动。范例

.header-site nav {
    margin-left: 200px;
}

输出 1

您还可以删除徽标上应用的绝对位置和伴随样式，这似乎是正确的做法。

输出 2：