いつもお世話になっております。

スマホ画面でハンバーガーメニューを開くと中のサブメニューも一緒に開いてしまいます。
サブメニューは『商品一覧』の横にある十字ボタンで開くようにしたいのですが、
たぶんjsでheader全体のis-activeが開くようになっているのが原因なような気がするのですが、
現在使用しているやり方以外で方法が浮かびません。
なにか他に参考になるような方法がございましたら、ご教示していただきたいです。