两种方式实现 WordPress 设置顶部菜单居中

效果演示

在不影响手机菜单栏的状态下设置顶部菜单居中。

实现方法

主题设置

进入wordpress后台的外观 →  自定义  → 菜单 → 菜单对齐方式设置为居中

自定义css实现

以CoreNext主题为例，在wordpress后台的主题设置 → 插入代码 → 自定义css中粘贴如下代码 → 点击保存即可

.menu {
    text-align: center;
}

CoreNext插入代码后无变化问题排查

插入上述自定义Css代码后，菜单仍然显示为居左或靠右的情况（如图），可能是因为开启了主题设置中的宽屏页头选项，关闭方法如下:

进入主题设置 → 个性化 → 找到网站头部设置并关闭宽屏页头即可。

这样，网站的头部菜单就变为了居中显示的样式。