drop-down-menue | css sprechblasen

  • Hallo Herr Seiz,

    wie soeben besprochen besteht der Kundenwunsch, das Drop-Down-Menü im Contempory Responsive Layout geradlinig ohne die Sprechblasenform darzustellen. Ich kann im CSS im Mainmenu zwar die Opacity des Drop-Down-Menüs einstellen, komme aber nicht drauf, wie Sie die hübschen Sprechblasen erstellt haben.

    Besten Dank im Voraus
    Dagmar Schmidt 8|

  • Hallo,

    das ist per Layout-Editor-Einstellung nicht möglich. Ich habe aber einen einfachen Workaround für Sie;

    • Klicken Sie im Menü Website auf "Erweitert > Attribute"
    • Stellen Sie sicher, dass unten links im Button "Attribute" die Option "Alle anzeigen" angehakt ist
    • Doppelklicken Sie nun in der Liste der Attribute unter "Standard" auf das Attribut "mobile_script"
    • Fügen Sie folgende Textzeilen ein und schließen Sie den Dialog dann mit Klick auf "OK"

    <style>
    .navbar .nav > li > .dropdown-menu::before,
    .navbar .nav > li > .dropdown-menu::after{
    content: none;
    }

    .nav-pills .dropdown-menu{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    gibt es auch ein Script, wo man die Rundungen im Hauptmenu auf 0 setzen kann? Dann hätte man ein einheitliches Erscheinungsbild. VG, Frank Samfaß

  • Hallo,

    in diesem Layout gibt es keine Rundungen im Hauptmenü, ausser den oben besprochenen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Oh, Sie haben natürlich Recht. Ich hatte in meinem Testprojekt die Farben anders eingestellt und das dann nicht gesehen.

    Versuchen Sie mal in den oben veröffentlichten code noch folgende Zeilen einzufügen:

    ul.nav li a{
    border-radius: 0;
    }

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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