WordPress Twenty Twenty Four主题移动端导航文字放大问题求助

1. 修复CSS语法错误 #

你提供的代码存在语法问题：!important的位置错误，分号需放在!important之后，正确写法如下：

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    font-size: 50px !important;
}

2. 使用更精准的选择器 #

Twenty Twenty Four作为块主题，移动端导航的样式结构有特定层级，原选择器可能无法命中目标元素，尝试以下更精准的选择器：

针对导航链接文本： #

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 50px !important;
}

针对导航列表项： #

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    font-size: 50px !important;
}

3. 确保CSS加载优先级 #

• 使用主题「额外CSS」功能时，将代码添加到输入框最底部，避免被其他内置样式覆盖
• 使用WPcode插件时，选择「站点范围的CSS」类型，确保代码在主题样式之后加载

4. 清除缓存 #

修改完成后需清除以下缓存以生效：

• WordPress后台缓存插件的缓存
• 移动端浏览器缓存（可开启无痕模式测试）

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