如何使用 Bridge WordPress 高級主題僅更改移動菜單項的顏色？

Question

如何更改移動菜單項的顏色？

目前，它是藍色的，我想將其更改為另一種顏色。 我正在使用名為“ Bridge - Creative Multipurpose WordPress Theme ”的高級 WordPress 主題

我可以找到任何更改它的選項。 請幫我。 如果能一步一步得到指導就更好了。 我想在這里附上一張圖片。 謝謝大家。

Answer 1

要更改移動菜單的顏色，您必須編寫媒體查詢並根據您的要求提供 colors。

@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插件，例如 woody snippet 並使用插件添加自定義樣式聲明。

如果您只想在移動設備上應用樣式規則，媒體查詢是您的朋友。