Mobiler Button in Producer Responsive

  • Hallo,

    hat jemand eine Idee wo ich die CSS Einstellungen für den mobilen Menubutton finde? Er ist leider defaultmäßig zu klein und zu unscheinbar geraten. Ich wollte ihn mit einer anderen Grafik ersetzen, finde aber nicht die Datei für die Einstellungen.

    Danke schon mal vorab.

    VG Ronny

  • Hallo Ronny,

    für den Hamburger Button, müsste es die CSS-Klasse ".navbar-inner button.btn-navbar" sein
    Und diese dann mit z.B. height: 60px !important; und width: 60px !important; dementsprechend ändern.

    Und für die Darstellung als "Text-Menü" ist es dann die ".navbar-inner button.btn-navbar.txt" Klasse.

    Kannst es ja mal damit versuchen.

    Habe es jetzt eben selbst nur auf die schnelle getestet.

    Gruß
    Jochen

  • Hallo Jochen,

    danke für den ersten schnellen Hinweis.

    Ich hab mir das Element noch mal angeschaut und es nennt sich navbar.btn-navbar. icon-bar

    In der Stylesheet ist es nicht zu finden.

    Gruss Ronny

  • Hallo Ronny,

    also den Hamburger-Button größer zu bekommen, kann man mit folgenden Eintrag hinbekommen:
    ( http://docs.zeta-producer.com/eigenes-css-einfuegen.html)

    <style>
    .navbar-inner button.btn-navbar{
    height: 65px; !important;
    width: 65px; !important;
    }
    </style>

    Nur ist das leider nicht die richtige Lösung, weil dadurch der Button zwar größer wird, aber nicht der Inhalt (die 3 Striche).
    Habe es leider gerade nicht rausbekommen, woran man da noch drehen muss.
    Vielleicht fällt da jemand anderes noch was dazu ein...?

    Alternativ könntest du dir aber mal folgendes ansehen:

    1. Stelle um auf "Text-Menü"
    2. Und dann füge folgenden Code ein:

    <style>
    .navbar-inner button.btn-navbar.txt, .navbar-inner button.btn-navbar.txt:hover {
    font-size: 20px;
    height: 45px;
    width: 65px;
    }
    </style>

    Das klappt richtig und die Angaben kannst du dementsprechend noch anpassen.
    Vielleicht wäre das ja eine Lösung für dich?

    Gruß
    Jochen

    Einmal editiert, zuletzt von Jochen (30. Mai 2015 um 19:56)

  • Danke Jochen für Deine Mühe,

    ich habe die Striche des "Hamburgers" jetzt auch größer hinbekommen, indem ich ".navbar-inner button.btn-navbar.txt, .navbar-inner button.btn-navbar.txt:hover" height und font-size geändert habe. Die Grafik mit den Strichen stammt ja aus der glyphicon.png und wird mit der ID gesteuert, welches Icon genutzt werden soll.

    War ne Fummelei, aber klappt.

    Schönen Sonntag.

    Gruss Ronny

  • Guten Morgen,

    ich bin immer noch beim Thema Producer Responsive...

    Fast fertig geworden, jedoch hab ich noch ein Problem:

    Wie kann ich diese Leiste, die oben per js eingeblendet wird, als "fixierte Leiste" einbinden? Oder besser ausgedrückt, als ständig sichtbare Leiste, die mit scrollt, die auch nicht ausgeblendet werden muss.

    Zur Webseite

    Gruss Ronny

Jetzt mitmachen!

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