OneNav 一为主题顶部菜单激活状态改成胶囊状

效果图

修改方法

到WP后台 主题设置 👉 全局功能 👉 添加代码 👉 自定义样式css代码 输入下面的 CSS 代码：

/* ==========================================
 * 顶部导航激活状态：背景色填充圆角标签（替代下划线指示器）
 * ========================================== */

/* 激活项：背景色填充 + 白色文字 + 圆角药丸形状 */
.main-header.header-fixed .header-nav .navbar-header li.current-menu-item > a {
    background: var(--theme-color, var(--focus-color, #f1404b)) !important;
    color: #fff !important;
    border-radius: 20px;
    padding: 6px 18px;
    margin: 7px 4px;
}

/* 隐藏原来的底部小圆点指示器 */
.main-header.header-fixed .header-nav .navbar-header li.current-menu-item::after {
    display: none !important;
}

/* 非激活项 hover：轻微背景色，保持视觉圆润 */
.main-header.header-fixed .header-nav .navbar-header li:not(.current-menu-item) > a:hover {
    background: var(--muted-bg-a-color, rgba(136, 136, 136, 0.12)) !important;
    border-radius: 20px;
}

/* ==========================================
 * 顶部导航激活状态：背景色填充圆角标签（替代下划线指示器）结束
 * ========================================== */