メニューバーのみ非表示にしたい

皆さま、お世話になります。

メニューバー（ヘッダーメニュー）内にある『<ul class=”sub-menu”>』をスマホ表示時のみ非表示にしたかったので、下記URL先のトピックを参考にさせて頂き実装してみたのですが、『<ul class=”sub-menu”>』は非表示にならずヘッダーにあった『≡』のみ消えてしまいました。

ナビゲーションメニューバーをスマホではプラグインに頼って非表示にしたい

こんにちは

スタイルシートで非表示にするのが順当かと思います。

外観 > カスタマイズ > 追加CSS

に以下を記入して公開してみてください。

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

できれば『<ul class=”sub-menu”>』のみ非表示にしたいのですが、お助け願います。