Mobile Header ist nicht anklickbar

Ich habe einen mobilen Header nur für mobile Geräte erstellt. Mein Problem ist jetzt, wenn Sie auf Menü klicken, wird das Menü angezeigt, aber Sie können das Menü nicht erneut ausblenden, indem Sie auf Schliessen klicken. Auch die Funktion closeExtendMenuMobile() wurde mit einem onclick-Ereignis gesetzt.Mobile Header ist nicht anklickbar

Wenn Sie die Funktion closeExtendMenuMobile() in der Konsole aufrufen, wird das Menü erneut zurückgesetzt. Wie ist das?

Warum ist das Ereignis nicht anklickbar und wie kann ich das beheben?

Hier ist die Webseite, über die ich spreche: https://classymagazin.de/home/ Sie müssen die Website als 'mobiles Gerät' laden. Mittel, unter 920px!

Quelle

2017-11-02 Don

'mobile header' lässt mich wundern, worüber du sprichst. Ich würde dies als 'Link zur HTML-Seitenüberschrift' oder etwas Ähnliches beschreiben. Es wäre auch gut, wenn Sie den Quellcode für die Menüverknüpfung und die Schaltfläche, die Ihre Schließfunktion aufruft, verwenden könnten. – ebyrob

Bitte geben Sie den relevanten Code in Ihre Frage ein, wir wollen uns nie auf externe Webseiten verlassen (weil sie sich ändern können und werden). Wenn die Frage besteht, wird sie geschlossen. – dirkk

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

Macht den Trick.

Quelle

2017-11-02 16:30:22 Matt

Das Element mit der ID extendMenuMobile überlappt den Link, sodass Sie ihn nicht antippen können.

Vielleicht versuchen, geben extendMenuMobile eine absolute Position und eine Spitze, um es nach unten, so dass die Verbindung nicht abgedeckt ist.

ODER

Sets #extendMenuMobile und .vc_custom_1509619992888 relativ zu positionieren und ihnen entsprechenden z-index der geben.

Ich fand dies mit Firefox "Responsive Design Mode" auf eine mobile Größe eingestellt und die Firefox in "Inspector" gebaut beide sind unter der "Developer" -Abschnitt.

Quelle

2017-11-02 13:28:11 Craig

Mobile Header ist nicht anklickbar

Antwort

Verwandte Themen