如何更改 Divi 主题菜单字体大小？

Question

我正在尝试使Wordpress site 上的顶部导航菜单具有减小的字体大小。我正在使用优雅主题的 Divi 2.3.1 主题，并在其上设置了子主题。我还使用 Chrome Inspector 工具突出显示顶部导航 CSS 元素并添加所需的字体大小声明。

问题是，当我这样做时，无论我将字体大小设置为什么，它都没有什么相对影响。也许我已经盯着这个太久了，但我已经在检查器中的树上上下移动，放置“font-size：9px;”到处都无法弄清楚字体大小声明将在哪里产生预期的效果。甚至没有使用 !important 帮助。

基本上，只要浏览器窗口的宽度为 981 像素及以上，我只需将字体大小减小到不再换行的位置。有什么线索吗？

Answer 1

问题：

你试图改变>符号的字体大小，其值为9px。

#top-menu .menu-item-has-children > a:first-child::after {
  content: ">"
  font-size: 9px; /* This changes the size of the symbol */
}

解决方案：

您需要在以下规则中更改 font-size 属性的值。

#top-menu li, .fullwidth-menu li {
  font-size: 25px; /* Change value */
}