Responsives Menü

Hallo zusammen,
auf meiner Seite funktioniert das Menü leider nur in der Desktopversion. Auf Handy und Tablet eben nicht. Ich verwende das Plugin myStickyMenu. Wenn ich auf das Menüsymbol gehe, dann werden Einträge doppelt angezeigt (Start & Über mich).

Könnt ihr mir weiterhelfen?
Schöne Grüße und schon mal alles Gute fürs neue Jahr :-)

http://www.praxis-bewegt.com

Und gleich noch eine Frage hinterher: Beim Kontaktformular ganz unten ist das Feld für die Eingabe der Telefonnummer anders als die anderen Felder. Wisst ihr warum?
Ich benutze Contact Form 7

Zitat von threadi

Bei mir ist das Hamburger mobil zu sehen.

Und das Telefonnummernfeld sieht bei mir normal aus. Oder meinst Du beim Aufruf mit einem Handy?

ja genau, wenn man es mit dem Handy aufruft. Anbei noch Screenshots mit den Problemen.

Zitat von SEpp55

-> Doppelte Menüeinträge - du hast mit dem Plugin ein "[FONT=Courier New]menu-main-1[/FONT]" und ein "[FONT=Courier New]menu-main-2[/FONT]" aktiv, warum auch immer.
Die CF7 Felder haben auch bei mir den selben Style.

Zum Menü gibt es auch eine CSS Lösung im Netz: Ein Versuch - trag das Folgende im Backend unter Design -> Customizer -> Zusätliches CSS ganz ans Ende ein:

Code

@media screen and (min-width: 600px) {
    nav#site-navigation {
       float: right;
    }
    #site-navigation-wrap {
        width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
    }
    #site-logo {
        width: 70px;
    }
    #site-header {
        position: fixed;
    }
}

Alles anzeigen

Auf meiner lokalen Testinstallation passt das, obs dir gefällt??? - testen und bei nichtgefalllen CSS wieder entfernen.

Hi Sepp,
danke für deine Antwort! Ich bin wirklich ein blutiger Beginner. Weißt du, wie bzw. wo ich menu-main-2 deaktiviere? Eigentlich habe ich nur zwei Menüs - eins für den Header und eins für den Footer...

Schöne Grüße und vielen Dank!

Zitat von SEpp55

Nein, ich verwende das nicht!
Wenns dazu keine Einstellung gibt, am besten den Pluginersteller kontaktieren!
Als Notlösung für die Zwischenzeit über CSS ausblenden. Im Backend unter Design -> Customizer -> Zusätzliches CSS

Code

#menu-main-2 {
    display: none;
}

..... und der oben genannte Code wäre nur für das Ocean WP-Theme.
Du verwendest das Plugin Jetpack - das ist im Hinblick auf die DSGVO eher nicht empfehlenswert. Nahezu alle Jetpack Funktionen sind nicht DSGVO konform, ähnlich wie beim Thema Google Webfonts. Das kocht auch immer wieder, mehr oder weniger heftig auf :eek::confused::(

Zitat von SEpp55

-> Doppelte Menüeinträge - du hast mit dem Plugin ein "[FONT=Courier New]menu-main-1[/FONT]" und ein "[FONT=Courier New]menu-main-2[/FONT]" aktiv, warum auch immer.
Die CF7 Felder haben auch bei mir den selben Style.

Zum Menü gibt es auch eine CSS Lösung im Netz: Ein Versuch - trag das Folgende im Backend unter Design -> Customizer -> Zusätliches CSS ganz ans Ende ein:

Code

@media screen and (min-width: 600px) {
    nav#site-navigation {
       float: right;
    }
    #site-navigation-wrap {
        width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
    }
    #site-logo {
        width: 70px;
    }
    #site-header {
        position: fixed;
    }
}

Alles anzeigen

Auf meiner lokalen Testinstallation passt das, obs dir gefällt??? - testen und bei nichtgefalllen CSS wieder entfernen.

Hallo zusammen,
bitte entschuldigt meine späte Reaktion. Leider funktionieren beide Varianten nicht. Ich habe die CSS bei dem unteren Fenster (siehe Screenshot) eingefügt, aber es verändert sich nichts.

Habt ihr noch weitere Ideen?
LG und vielen Dank!