我试图在Wordpress site上创建一个顶部导航菜单,缩小字体大小。我正在使用优雅主题' Divi 2.3.1主题设置了儿童主题。我还使用Chrome Inspector工具突出显示top-nav CSS元素并添加所需的字体大小声明。
问题是,当我这样做时,无论我将字体大小设置为什么,它的相对影响都很小。也许我已经盯着这个太久了,但是我在检查员的树上走来走去,放置了" font-size:9px;"无处不在,无法弄清楚font-size声明将产生所需效果的位置。甚至没有使用!重要的帮助。
基本上我只需将字体大小缩小到浏览器窗口大小为981px及以上时不再包含行的位置。有什么线索吗?
答案 0 :(得分:0)
<强>问题:强>
您试图更改>
符号的字体大小,其值为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 */
}