css - DIVI 导航栏细节

Question

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

您好!

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

导航栏:

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

我向您展示了每个问题的示例图像。这个网站已经在生产中，我需要与客户关闭这些细节。非常感谢您的帮助。

问候

阿德里安娜

Answer 1

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

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

显然，就像您的菜单容器宽度设置为 80%，例如，当屏幕尺寸为 1280px 时，菜单容器的宽度为 1024px(正如我所说，这还不够)。

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

您可以使用媒体查询来解决这个问题。

像这样:

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

Plataforma 按钮悬停时的快照:

P.S:您还可以调整菜单元素( Logo 、菜单项、按钮...)的填充/边距