Mehrere Menüs im Header

  • Hello allerseits!

    Ich habe folgendes Problem: Ich möchte auf einer Seite, die auf dem Theme 'Gridly' basiert, zusätzliche Menüleisten (insgesamt 3) im Header platzieren. Es sollte am Ende etwa so ausschauen wie hier beim Theme 'Imbalance 2'.

    Ich kann zwar neue Menüleisten mit dem richtigen Content registrieren und anzeigen lassen, aber ich weiß einfach nicht wie ich sie an die richtige Stelle bekomme. Sie stehen einfach immer auf der linken Header Seite untereinander.

    functions.php:

    header.php:

    Was ich so gelesen habe müsste ich die genaue Position im 'style.css' (beim Gridly-Theme ist es erst mal leer...) definieren können, oder? Jedenfalls hab ichs bis jetzt nicht hingekriegt...

    Wie ihr wohl schon bemerkt habt setze ich mich noch nicht lange mit WP auseinander und weiß gerade nicht weiter. Ich suche jetzt schon einige Zeit nach Posts, etc., habe aber nichts finden können, was mein Problem löst. Wäre sehr dankbar, wenn mir jemand helfen oder Tipps geben könnte.

    • 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

  • Hallo Sate,

    du musst per css deinem Logo und den Menüs Positionen zuweisen, das ist richtig.

    Bei der css des Beispiels ist das so gemacht, für das Logo (bzw. sitetitle)

    Code
    #site-title {
        float: left;
        font-size: 23px;
        line-height: 27px;
        overflow: hidden;
        padding-right: 40px;
        width: 210px;
    }

    dann das erste Menü (headerleft)

    Code
    #header-left {
        float: left;
        padding-right: 40px;
        width: 210px;
    }

    und für das zweite Menü (headercenter)

    Code
    #header-center {
        float: left;
        padding-right: 30px;
        width: 210px;
    }

    einfach nachbauen ;-)

  • Danke für die schnelle Antwort Gerd-E,

    ich habe die Zeilen, die du oben gepostet hast im css dazugeschrieben (mit meinen entsprechenden Menünamen / logo), allerdings ändert sich nichts. Irgendwas schein ich zu übersehen...:sad:

  • Hi Sate,

    also ich kann nicht sehen in der css. Hast du auch die light.css genommen?

    Beachte bitte, dass dein logo.png 688px breit ist.

    Ich habe mal zur Breite eine Ergänzung gemacht (Code ab Zeile 30 der light.css)

    CSS
    #logo {
        margin-bottom: 15px;
        margin-top: 35px;
        width: 480px !important;
    }
  • Hi,

    Hm, ich habe bei den Gridly Options light ausgewählt. Gibt es dafür ein eigenes css.file? Ich habe bis jetzt alles im Editor geschrieben und nicht eigene Files hochgeladen. oh...ok, jetzt wird mir einiges klar.

    Gut, ich muss also die light.css anpassen, dann in den entsprechenden Ordner hochladen, nehm ich an?! :D

  • Hello,

    Ja, schon klar ^^

    Hatte zu dem Zeitpunkt nur etwas in der Header.php vergessen ( <div id="sec_nav">...</div> )

    Ist ein langsames lernen, über Trial & Error, wenn man die Hälfte der Variablen nicht versteht :D
    Für heute reichts mir mal.

    Nochmals Danke für deine Inputs!

Jetzt mitmachen!

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