gpt4 book ai didi

css - 浏览器/分辨率更改时的 Wordpress 菜单行为

转载 作者:行者123 更新时间:2023-11-28 12:35:46 25 4
gpt4 key购买 nike

我正在尝试将我们的网站 ( www.enyx.sk ) 从 float 响应主题更改为静态宽度,这也将解决分辨率较低的平板电脑和显示器的问题。

我遇到的问题是顶部导航中的菜单项。父 div 本身是绝对定位的,但由于它们是生成的并且需要彼此相邻,因此元素是相对定位的。然而,这会导致问题,当我尝试调整浏览器大小时,或者我检查 Nexus 7 上的分辨率时 ---> here

然后菜单项一个接一个地出现,填满屏幕。

我想实现的是他们像菜单下的“马赛克”一样停留在一个地方,但我不知道该怎么做。

非常感谢

最佳答案

只需看一下您的 basic.css(应该在 ubermenu-plugin 中)。几乎所有的宽度都以百分比给出。

在第 758 行你可以找到:

#megaMenu.megaResponsive ul.megaMenu > li { width: 100% }

此外在第862行还有:

#megaMenu.megaResponsive ul.megaMenu > li { width:50% }

两者都删除。

至少在第81行有如下代码:

#megaMenu.megaMenuHorizontal ul.megaMenu { width: 100% }

将其更改为固定宽度(例如 1140px)。现在一切都应该以正确的方式工作。

如果您使用 Firefox,则可以使用附加组件 Firebug,这对查找此类内容有很大帮助。

关于css - 浏览器/分辨率更改时的 Wordpress 菜单行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17946904/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com