Mobiles Menü anpassen

    Wie kann ich dem Menue, das beim Aufrufen der Seite mit z.B. dem Smartphone erscheint, einige Punkte hinzufügen?
    (Ohne das die Desktop Version behelligt wird?)

    Im Detail:
    Ruft man https://indmarkt.de/ mit dem Desktop Pc auf, erscheinen 2 Menüs:

    1. Top &
    2. Hauptmenü


    Scrollt der User, verschindet das Hauptmenü. Somit habe ich hier Punkte gewählt, auf die der Zugriff nicht immer wichtig ist.

    Doch ruft man die Seite mit dem Smartphone auf, erscheint genau dieses Menü ausschließlich - was natürlich nicht praktisch ist.

    Danke für die Hilfe!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Danke dir für den Tip! Es ist nur so, dass soweit ich das verstanden habe, dieses Plugin ein zusätzliches Menü hinzufügt. Ich bräuchte aber einfach nur ein paar Einträge in das bereits bestehende...

    Du kannst auf alles im Quelltext zugreifen, du brauchst nur gute PHP kenntnisse, und damit aber die gefahr haben, das du die struktur von Wordpress verfremdest, du kannst auch ein gutes plugin entwickeln, das deinen Wunsch erfüllt, auch PHP Kenntnisse notwendig, oder du kannst ein bestehendes Plugin verwenden, um deinen Wunsche zu machen, wenn ich es richtig verstehe musst du grundsätzliche Stuktur des Menüsystem von Wordpress verändern, damit du irgenwo auswählen kannst, ob jeweiliger Menüpunkt für Mobil oder für Browser ist.
    du solltest bedenken, ob solche Codeänderung sinnvoll ist, bzw ob du sie überhaupt machen könntest (PHP Code)

    Wordpress weil es spass macht, besonders beim WordPress Meetup in Linz

    Das Problem ist, dass das Theme ab einer gewissen Auflösung eine hidden-xs class vergibt. Diese ist mit display:none formatiert und dann auch noch ein !important:

    CSS
    @media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

    jetzt könnte man versuchen, dieses noch mal zu überschreiben:

    CSS
    @media (max-width: 768px) {
  .top-menus .hidden-xs {display: block !important;}
}

    Das ganze dann natürlich noch nett stylen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ich würde es sogar nur auf

    CSS
    .top-menus ul#menu-oben.hidden-xs {
    display: inline!important;
}


    beschränken. Dann brauchst du nicht mal zwingend das Media.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden