DIVI导航栏详细信息

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

你好！

拜托, 我正在使用DIVI主题, 我需要在导航栏中进行以下设置：

导航栏：

1. 某些笔记本电脑屏幕上的PLATFORM按钮显示在屏幕下方的导航栏中, 大小在1056至1346 px之间。
2. 当你将光标放在” DONA”按钮或靠近其角落的” PLATFORM”按钮上时, 文本显示为白色, 该文本应显示为黄色或蓝色。

我为你展示了带有每个问题样本的图像。该站点已经投入生产, 我需要与客户联系这些详细信息。我非常感谢你的帮助。

问候

阿德里亚娜

#1

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

如果检查所有元素的宽度, 则会看到菜单容器必须至少具有1030px的宽度才能使所有元素保持内联。

显然, 就像将菜单容器的宽度设置为80％一样, 例如当屏幕尺寸为1280px时, 菜单容器的宽度为1024px(就像我说的那样, 这是不够的)。

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

你可以使用媒体查询来解决此问题。

像这样：

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

悬停了Plataforma按钮的快照：

附言：你还可以调整菜单元素(徽标, 菜单项, 按钮…)的填充/边距