DIVI导航栏详细信息

网站网址:http://www.digisalud.org/desarrollo/dona/
你好!
拜托, 我正在使用DIVI主题, 我需要在导航栏中进行以下设置:
导航栏:

  1. 某些笔记本电脑屏幕上的PLATFORM按钮显示在屏幕下方的导航栏中, 大小在1056至1346 px之间。
  2. 当你将光标放在” DONA” 按钮或靠近其角落的” PLATFORM” 按钮上时, 文本显示为白色, 该文本应显示为黄色或蓝色。
我为你展示了带有每个问题样本的图像。该站点已经投入生产, 我需要与客户联系这些详细信息。我非常感谢你的帮助。
DIVI导航栏详细信息

文章图片
DIVI导航栏详细信息

文章图片
问候
阿德里亚娜
#1 例如, 在1280像素处, 没有足够的空间将所有元素放入同一行。
如果检查所有元素的宽度, 则会看到菜单容器必须至少具有1030px的宽度才能使所有元素保持内联。
显然, 就像将菜单容器的宽度设置为80%一样, 例如当屏幕尺寸为1280px时, 菜单容器的宽度为1024px(就像我说的那样, 这是不够的)。
一种解决方案是以这些分辨率强制容器覆盖整个宽度。
你可以使用媒体查询来解决此问题。
像这样:
@media(min-width: 1024px) and (max-width: 1366px) { .container.et_menu_container { width: 100%; } }

悬停了Plataforma按钮的快照:
DIVI导航栏详细信息

文章图片
【DIVI导航栏详细信息】附言:你还可以调整菜单元素(徽标, 菜单项, 按钮… )的填充/边距

    推荐阅读