如何只更改移动菜单项的颜色，使用Bridge WordPress高级主题

Question

如何更改移动菜单项的颜色？

目前，它是蓝色的，我想把它换成另一种颜色。我正在使用一个名为"；Bridge-创意多用途WordPress主题"；

我可以找到任何改变它的选择。请帮助我。如果我能一步一步地得到指导方针，那会更好。我想在这里附上一张图片。提前谢谢大家。

移动菜单项颜色

Answer 1

要更改移动菜单的颜色，您必须编写媒体查询并根据您的要求提供颜色。

@media (max-width:767px){
//Write the CSS for Mobile Layout.
}

Answer 2

您可以通过在所述项的父项上添加classname来实现这一点。假设你有一个像这样的html：

<nav class="my-class-name">
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
</nav>

然后，您可以使用添加的classname将父对象的所有子对象作为目标，并相应地更改其颜色。

.my-class-name a {
color: {your-color-value here};
} 

由于wordpress及其主题的编码标准可能会有所不同，如果您没有找到有效的解决方案，您可以在css属性的末尾添加!important标记

有一些方法可以在wordpress网站上添加自定义样式规则。更好的方法是安装一个snippet插件，如woodysnippet，并使用该插件添加自定义样式声明。

如果你只想在手机上应用样式规则，媒体查询就是你的朋友。