如何在Astra主题中更改菜单字体大小

如何在Astra主题中更改菜单字体大小

　　Astra 以超轻量级、可定制、功能齐全且与流行的Web构建器软件（如 Elementor ）非常兼容而闻名，Astra主题 是一个流行的WordPress主题，加载速度快，并且对移动设备友好。

　　Astra主题 适用于博客、个人作品集、商业网站或 WooCommerce 店面。本文晓得博客为你介绍如何在Astra主题更改菜单字体大小。

Astra主题内置菜单字体设置

　　注意：使用 Astra 主题内置菜单字体设置的前提是安装并激活 Astra Pro 插件。

　　1、转到“ 外观 ”->“ Astra选项 ”，激活“ 字体样式 ”。在Astra Pro 4.0+版本中，可在仪表盘中直接点击“Astra”->”Dashbord”,激活“字体样式”功能（2022.1.14更新）

　　2、转到WordPress仪表盘，点击“ 外观 ”->” 自定义 “->” 页眉生成器 “->“ 主菜单 “。

　　3、点击“ Design ”，向下滚动，直到看到“ 菜单字体 ”选项。单击编辑图标。

　　4、现在，在“ 大小 ”字段中设置所需的字体大小，在Astra中设置菜单字体大小后，点击“ 发布 ”更改即可。

　　推荐：Astra主题如何添加自定义PHP代码？

使用CSS代码更改菜单栏字体大小

　　Astra主题上字体大小继承从定制器全局部分下的排版配置的字体大小，需要自定义CSS代码来使字体大小菜单与您网站上的其他文本不同。在” 外观 “->” 自定义 “->” 额外CSS中 “中添加以下CSS代码，

.main-header-menu .menu-link {
    font-size: 1.2em;
}

　　如果您使用的是透明标题，请尝试下面的代码

.ast-theme-transparent-header .main-header-menu .menu-link {
    font-size: 1.2em;   
}

　　推荐：如何将自定义CSS添加到WordPress网站

　　总结

　　以上是晓得博客为你介绍的怎么在Astra主题中更改菜单字体大小的全部内容，希望对你的WordPress建站有帮助，如有问题，欢迎留言探讨。

　　推荐：Astra主题建站教程