Support » Allgemeine Fragen » Menü Design ändern

  • Hallo,
    ich arbeite gerade an dem Design der Website von Freunden und habe ein kleines Menüproblem. Ich habe das Layout komplett umgekrempelt und die Menüleiste fürs Erste ganz ausgeblendet. Jetzt wollte ich wieder eine dazugeben, habe jedoch leider keine Menüleiste wie normal, sondern alle Links untereinanderstehen.
    Zu sehen unter: http://brother-grimm.com/

    Ich habe es auch schon mit dem Plugin „Mega Menu“ probiert, aber wenn ich es im Live Editor einfüge sieht es fast genau so aus wie das andere.

    Außerdem ist im Hintergrund ein Verlauf den ich ebenfalls nicht wegbekomme. Dieser ist jedoch interessanter Weise nur hinter dem Menü, nicht hinter dem restlichen Content.

    Kann mir jemand sagen wie ich wieder eine schöne, am Besten sogar individuell designte, Menüleiste bekomme?

    Danke schon einmal (:

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Oh als alter css-Experte 😉 kann ich was sagen zu unerwünschten „Menü-Links untereinander“:
    li {
    list-style:none;
    }

    Jetzt wollte ich wieder eine dazugeben, habe jedoch leider keine Menüleiste wie normal, sondern alle Links untereinanderstehen.

    Erzähl doch mal, wie du da vorgegangen bist. Ich habe den Eindruck, dass da ein Menü für mobile Endgeräte eingeblendet wird. Wieso hast du ein Widget verwendet und nicht ein Menü über Design > Menüs hinzugefügt?

    Ich habe beides propiert, nachdem ich nicht zum erwünschten Ergebnis gekommen bin. Ich habe bei Design-Anpassung > Menüs > Menü Positionen das gewünschte Menü ausgewählt.

    @donaldtrump: in welches Script schreibe ich das hinein bzw. wie komm ich nochmals dort hin (schon länger her, dass ich in der Programmierung selbst etwas geändert habe)

    „list-style:none;“ in die style.css-Datei einfügen, wo alle Layout-Eigenschaften definiert sind.

    Laut Deiner style.css-Datei wird die li-Anweisung „list-style:none;“ jedoch von „ul“ „geerbt“, ist unter
    ul.nav-menu {
    }
    bei Dir also vorhanden.

    Schreib sie bei
    ul.nav-menu li {
    }
    einfach nochmal rein. Ist einen Versuch wert.

    .sc_menu li a { } hab ich leider nicht gefunden, aber ich denk ich hab trotzdem die richtige Zeile.
    Sobald ich jedoch auf aktualisieren klicke, lädt die Seite nicht richtig, es kommt „408 Request Timeout“ und meine Änderungen werden nicht gespeichert … 🙁
    Internetverbindung ist stabil und zum Server eig. auch. Andere Bearbeitungsfunktionen funktionieren.

    Ist Deine Seite getilt?

    Ich hoffe nicht. Die Änderung in der Programmierung funktioniert jetzt wieder und bei den meisten Dingen sehe ich auch eine Veränderung. Bloß beim Menü tut sich nichts, egal was ich tue…
    Ich finde aber nirgends etwas das vor allem den Verlauf im Hintergrund und natürlich die Anordnung erklärt.

    Findet jemand den Fehler im ccs?

    /* Menu */
    
    .menu-header {
        background: #ffffff;
      … 

    Moderationshinweis: Die restlichen 277 Zeilen Code habe ich gelöscht. Bitte verwende, um solche Mengen an Code zu teilen, Dienste wie pastebin.com oder GitHub, da das Lesen von Blogbeiträgen hier sonst sehr schnell sehr unübersichtlich wird. Es hilft auch nichts, wenn du denselben Beitrag achtmal veröffentlichst – unser System filtert das als Spam aus. Ich habe diese Beiträge jetzt ebenfalls gelöscht. Vielen Dank für dein Verständnis, Bego

    Ich hoffe nicht. Die Änderung funktioniert wieder, doch irgendwie nicht überall.
    Beim Großteil der Dinge sehe ich die Veränderung, nur im Menü tut sich nichts. Ich habe schon ein paar Zeilen gelöscht/geändert aber es hat sich nichts getan. Ich halte vor allem Ausschau nach dem Verlauf im Hintergrund und natürlich nach der Anordnung.

    Findet jemand den Fehler im css?

    .menu-header {
        background: #ffffff;
        border-color: #e0dddd;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
        -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
        color: #ffffff;
        font-size: 30px;
        line-height: 18px;
        text-shadow: 0 1px 0 #FFFFFF;
        float: none;
        display: none;
        width: 100%;
        list-style: none;
    }
    
    .menu-back {
        clear: both;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }
    
    .menu-container {
        background: #ffffff;
    }
    
    ul.nav-menu {
        line-height: 1;
        width: 100%;
        margin-bottom: 0;
    }
    
    ul.nav-menu,
    ul.nav-menu  {
        list-style: none;
        margin-left: 0;
    }
    
    ul.nav-menu li {
        float: left;
        /*  padding: 0px; */
        position: relative;
    }
    
    ul.nav-menu li:first-child {
        border-left: none;
    }
    
    ul.nav-menu li:last-child {
        border-right: none;
    }
    
    ul.nav-menu ul li {
        width: 100%;
    }

    Bitte Moderationshinweis zum vorherigen Beitrag beachten. Danke. Bego

    Juhuu Problem (fast) gelöst!
    Dieses komische Menü war nicht das Hauptmenü vom Theme selbst, sondern ein individuelles in einem Header.

    Nun ist es weg und ich habe ein sticky menu oben, doch unter dem Bootstrap Slider ist immer noch ein kleiner grauer Streifen.

    Im Header ist aber definitiv nichts mehr drinnen. Was kann das wieder sein?

    Moderator PraetorIM

    (@praetorim)

    Das dürfte ein jetzt leerer Widget-Bereich sein. Füge an Deine style.css einmal folgende Zeile an:
    .menu-back{display:none;}
    Aber kontrolliere danach auf alle Fälle, ob nicht noch ein anderer Widget-Bereich verschwunden ist, ich habe Deine Seite darauf nicht komplett durchgesehen.

    Damit ist zwar der Streifen weg, aber leider auch der Slider darüber.

    Hab mir mal den Quellcode angesehen um zu schauen, in welchem Bereich ich überhaupt suchen muss. Habs nun endlich geschafft (:

    bei .widgets-back-inside {margin-top: 25px;} habe ich die 25px weggenommen, jetzt ist der Streifen endlich weg.

    Dankeschön!

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Das Thema „Menü Design ändern“ ist für neue Antworten geschlossen.