教えてください！！ ワードプレス スマホ ハンバーガーメニュー 非表示方法

Question

ワードプレスのハミングバードのテーマを使用しています。

スマホのハンバーガーメニュー（メニューボタン）をResponsive Menuのプラグインを入れました。

元々表示してあったハンバーガーメニューを非表示にしたいのですが、どこでどのような指示をすればいいのかがわかりません。

CSSで指示するのでしょうか？
その場合、スマホのみに指示するのでどのようなシートを打ち込めばいいのでしょうか？

わかる方がおりましたら、教えてください。

Answer 1

１. 非表示にしたいハンバーガーアイコンのclass名やid名を取得したいので，その上で右クリックし，ブラウザで要素の検証を行います．
２. class名かid名が判明したらWordPressの「テーマの編集」でstyle.cssに追記します．

    //調べた名前
 .hamburgerIconClassName
{
    //ここにCSSを書く
    display: none;
}

３. スマホのみ指定するなら，ハミングバードテーマのstyle.cssにメディアクエリが書いてあるので，その中で先ほどのCSSを記述します．

@media ... {

        //調べた名前
   .hamburgerIconClassName
   {
      //ここにCSSを書く
       display: none;
   }

}

補足：id名はサイトで1か所だけ（ユニーク）なので，id名のほうが望ましいです．class名はサイトの中で複数の要素に指定されている可能性があるからです．