如何修改移动端导航菜单激活项的颜色？

你的代码未生效，核心原因是选择器优先级不足，且未针对导航激活状态的专属类编写样式。针对你的网站，可替换为以下代码：

/* 移动端导航激活项及 hover 样式 */
@media (max-width: 991px) {
  .nav-menu .active a {
    color: #fff !important;
  }
  .nav-menu a:hover {
    color: #fff !important;
  }
}

关键说明： #

• 原选择器.nav-menu a未匹配导航激活项的.active专属类，无法覆盖默认样式
• 添加@media (max-width: 991px)确保样式仅在移动端生效（该断点为你网站的移动端切换阈值）
• 提升选择器精准度，.nav-menu .active a的优先级高于原有样式，能有效覆盖

若仍不生效，可检查：

• 代码是否放在自定义CSS的最后位置（避免被后续样式覆盖）
• 清除浏览器缓存后刷新页面查看效果

内容的提问来源于stack exchange，提问作者Rudy O.