WordPress Avada主题v.5.3二级菜单居中设置求助

我之前帮不少用户处理过Avada旧版本的菜单对齐问题，v5.3这个版本的顶部二级菜单（就是你说的显示联系/社交信息的那个）确实有时候默认CSS优先级很高，普通的调整容易失效。给你几个靠谱的方案，按顺序试就行：

1. 先检查Avada自带的主题设置（最快的方法） #

Avada很多视觉设置不用写CSS就能搞定，先去后台看看：

• 进入Avada > Theme Options > Header > Top Bar
• 找一下类似「Menu Alignment」或者「Top Bar Content Alignment」的选项，直接选择「Center」保存试试。有些v5.x版本藏得比较深，仔细翻一下顶部栏相关的设置项。

2. 用自定义CSS强制覆盖（设置里没有选项时用） #

如果设置里找不到对齐选项，就用CSS硬改，注意要加!important来覆盖Avada的默认样式（这个版本的主题CSS优先级真的很高）。把下面的代码粘贴到Avada的自定义CSS入口：

• 入口位置：Avada > Theme Options > Custom CSS 或者 外观 > 自定义 > 附加CSS

/* 让二级菜单容器占满宽度并居中内部元素 */
.fusion-secondary-menu .fusion-menu {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

/* 移除菜单项的左浮动，确保它们能居中排列 */
.fusion-secondary-menu .fusion-menu-item {
    float: none !important;
}

如果上面的代码还是没效果，试试这个更精准的版本（针对行内布局的情况）：

.fusion-secondary-menu {
    text-align: center !important;
    width: 100% !important;
}

.fusion-secondary-menu .fusion-menu-item {
    float: none !important;
    display: inline-block !important;
}

3. 用开发者工具定位精准选择器（终极方案） #

要是上面的CSS都不管用，就自己找准确的元素类：

1. 打开你的网站，按F12调出浏览器开发者工具
2. 用「选择元素」工具点击顶部的二级菜单，找到它的容器类（比如可能是.fusion-top-bar-menu或者其他自定义类）
3. 把你找到的类替换到CSS里，比如：

/* 替换成你找到的容器类 */
.your-found-menu-container-class {
    text-align: center !important;
    width: 100% !important;
}

这样基本就能搞定了，Avada旧版本的样式虽然顽固，但只要优先级够高就能覆盖~

内容的提问来源于stack exchange，提问作者Jeff Beaulieu