Menü und Klasse zuweisen

  • So ich habe es jetzt hinbekommen ein neues Menü dem Header meines Templates zuzuweisen, welches dann auch endlich angezeigt wird!

    Zumindest die Menülinks meiner Menüstruktur werden angezeigt.

    Ich habe in der header.php folgenden Aufruf eingebunden:

    PHP
    <?php 
        wp_nav_menu(array('theme_location' => 'main'));
    ?>

    und in der functions.php diesen Aufruf nachträglich eingefügt:

    PHP
    // Menüorte im Theme
    if ( function_exists('register_nav_menu')) {
    register_nav_menus(array('main' => __('Hauptnavigation', 'EWF_SETUP_THEME_DOMAIN')));
    }

    Jetzt zum Problem: Ich habe zum einen für das Menü in meiner style.css folgenden Zusatz für das Menü hinzugefügt:

    HTML
    /* =navigation overrides
                -----------------------------------------------------------------------------------------------*/
        
                .sf-menu { float: left; margin-right: 0px; position: absolute; right: 0; top:38%; width: auto; }
                .sf-menu li { margin-right: 1em; }
                .sf-menu #search #s { width:100px; }
                .sf-menu .search ul, .sf-menu .search ul li { width: 142px !important; }
                .sf-menu #search form#searchform input#s { width:125px; }

    gleichzeitig wird über die style.css noch ein nav.css eingebunden.

    Wie schaffe ich es denn jetzt um dem Menü noch die Klasse zuzuweisen.

    Ich habe es versucht indem ich über das Backend bei den Menüpunkten versucht habe mit der Option CSS-Klassen (optional) zu arbeiten, hier hatte ich aber keinerlei Erfolg.

    Müsste ich eventuell um den

    PHP
    <?php 
        wp_nav_menu(array('theme_location' => 'main'));
    ?>

    im Header einen div legen um zumindest diese Funktion anzusprechen?

    HTML
    .sf-menu { float: left; margin-right: 0px; position: absolute; right: 0; top:38%; width: auto; }
                .sf-menu li { margin-right: 1em; }
                .sf-menu #search #s { width:100px; }
                .sf-menu .search ul, .sf-menu .search ul li { width: 142px !important; }
                .sf-menu #search form#searchform input#s { width:125px; }

    Für Eure Hilfe bedanke ich mich bereits vorab und verbleibe mit freundlichen Grüßen

    Ltd.Lupo

    • 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

Jetzt mitmachen!

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