モバイルヘッダーはクリックできません

Question

私はモバイルデバイス専用のモバイルヘッダーを作成しました。今私の問題は、Menüをクリックすると、メニューが表示されますが、Schliessenをクリックしてメニューを再び非表示にすることはできません。また、関数closeExtendMenuMobile()にはonclickイベントが設定されています。

また、コンソールでcloseExtendMenuMobile()関数を呼び出すと、メニューが再び表示されます。それはどうですか？

イベントがクリックできないのはなぜですか？それを修正するにはどうすればよいですか？

ここで私が話しているウェブサイトはありません：https://classymagazin.de/home/ 「モバイルデバイス」としてウェブサイトをロードする必要があります。平均は920pxです。

Answer 1

div#headerHeadingMobile { 
    position: relative; 
    z-index: 999; 
} 

トリックはありますか。

Answer 2

IDがextendMenuMobileの要素がリンクをオーバーラップしているため、タップできません。

おそらくextendMenuMobileに絶対的な位置を与えて、リンクが覆われないように押し下げてください。

OR

設定#extendMenuMobileと.vc_custom_1509619992888相対的な位置とそれらに適切なZインデックスのを与えます。

Firefoxの「レスポンシブデザインモード」をモバイルサイズに設定し、「インスペクタ」で作成されたFirefoxが「開発者」セクションの下にあることがわかりました。