WordPress（Enfold模板）菜单居中及透明设置问题咨询

一、菜单居中显示 #

Enfold默认未提供菜单居中的可视化设置，可通过自定义CSS实现：

1. 进入WordPress后台，打开Enfold主题设置 → General Styling → Quick CSS（或子主题的style.css文件）；
2. 添加以下代码：

/* 桌面端主菜单居中 */
#top .av-main-nav-wrap {
    margin: 0 auto;
    float: none;
}
#top .menu-main-menu-container {
    text-align: center;
}
#top .av-main-nav li {
    display: inline-block;
    float: none;
}

3. 保存设置并刷新页面查看效果。

若你的布局包含左侧/右侧logo，可调整选择器为.av-logo-container .av-main-nav-wrap，确保菜单在logo旁居中对齐。

二、实现菜单透明效果 #

Enfold的页眉透明设置针对整体区域，单独实现菜单透明需通过CSS覆盖默认样式：

1. 同样在Quick CSS或子主题style.css中添加代码：

/* 移除菜单容器背景色，实现透明 */
#top .av-main-nav-wrap {
    background-color: transparent !important;
}
/* 调整菜单项文字颜色（根据页面背景适配） */
#top .av-main-nav > li > a {
    color: #fff !important; /* 替换为你需要的文字颜色 */
}
/* 可选：调整菜单项hover状态的半透明背景 */
#top .av-main-nav > li:hover > a {
    background-color: rgba(255,255,255,0.15) !important;
}

2. 若使用固定导航（Sticky Header），需额外添加滚动后的透明设置：

/* 固定导航菜单透明 */
#top .header-scrolled .av-main-nav-wrap {
    background-color: transparent !important;
}

3. 保存设置后刷新页面验证效果。

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