ライオンメディアの「最初に開くメニュー」でスマホのみ検索メニューにしたい

Question

【前提①】
ワードプレスのライオンメディアを使用
【前提②】
下記「かかかず」さんの『草野球のサイト』を参考にスマホ用ハンバーガーメニュー設置完了
https://kusayakyuu.site/wordpress/1315
/
スマホ表示した時のメニューボタンも設置しています
【実現したいこと】
最初に開くメニューで、スマホのみ検索メニューを表示させたい
それ以外は、Gナビメニュー表示にしたい

【質問詳細】
かかかずさんのサイトには、「最初に開くメニューを『検索』にしておく」旨の説明があります。そうすると、パソコンやタブレットでも検索メニューが表示されるため、Gナビメニューが最初に見られません。そして、スマホ表示した際には、ハンバーガーメニューがあるにもかかわらず、Gナビメニューが表示されてしまい、表示がゴチャゴチャ美しくありません。

【試したこと】
①試しに、スマホではGナビメニューを非表示にするため、追加CSSに
@media screen…中略…display中略none
としたところ、
Gナビメニューのみならず、検索メニュー、そしてスマホ画面下の方にあるメニューボタンも消えてしまいました

②条件分岐が必要なのは理屈としてわかるのですが、

どこに何をどうかけばよいのか…わかりません。
初心者ゆえお手上げです。

優秀な皆さまのお知恵を拝借できればと、質問させていただきました。
お手数おかけいたしますが、ご教授いただきたく存じます。
よろしくお願い致します。

Answer 1

スマホでは、下記を追加CSSに記載することで「Gナビメニューを非表示」にし、検索メニューの表示を諦めました。

@media screen and (max-width:640px){
.globalNavi {
display: none;
}
}

試したこと①のメニューボタンが消えたというのは、キャッシュの削除で問題なく表示されました。
気にかけていただいた方々、どうもありがとうございました。

Answer 2

スマホでは、下記を追加CSSに記載し、Gナビメニューを非表示にし、検索メニューの表示を諦めました。

@media screen and (max-width:640px){
.globalNavi {
display: none;
}
}

気にかけていただいた方々、どうもありがとうございました。