锐客网

  1. 首页 > 睿知 > it技术 > >

DIVI导航栏详细信息

WordPress网站开发IT知识问答css导航栏

网站网址：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导航栏详细信息】附言：你还可以调整菜单元素(徽标, 菜单项, 按钮… )的填充/边距

    推荐阅读


    上一篇：WordPress是否具有与get_post_meta()相对应的特定页面（）

    下一篇：不要在WordPress主题中加载”edits.css”