DIVI 导航栏详细信息

Question

网站网址：http://www.digisalud.org/desarrollo/dona/

你好！

拜托，我正在使用 DIVI 主题，我需要在导航栏中进行这些设置：

导航栏：

1. 某些笔记本电脑屏幕上的 PLATFORM 按钮显示在屏幕导航的下一行，尺寸介于 1056 和 1346 像素之间。
2. 当您将光标放在 DONA 按钮或靠近其角落的 PLATFORM 按钮上时，文本显示为白色，这应该显示为黄色或蓝色。

我会向您展示带有每个问题示例的图像。该站点已经在生产中，我需要与客户关闭这些详细信息。非常感谢您的帮助。

问候

阿德里安娜

Answer 1

例如，在 1280 像素处，没有足够的空间将所有元素放入同一行。

如果您检查所有元素的宽度，您会发现菜单容器必须至少有 1030 像素的宽度才能使所有元素保持内联。

显然，就像您的菜单容器宽度设置为 80% 一样，当屏幕尺寸为 1280 像素时，菜单容器的宽度为 1024 像素（就像我说的那样，这还不够）。

一种解决方案是强制容器以这些分辨率覆盖整个宽度。

您可以使用media queries 来解决此问题。

类似这样的：

@media(min-width: 1024px) and (max-width: 1366px) {
  .container.et_menu_container {
    width: 100%;
  }
}  

Plataforma 按钮悬停的快照：

P.S：您还可以调整菜单元素（徽标、菜单项、按钮...）的填充/边距