Menü responsiv

    Hallo Leute

    Knifflige Sache:

    Ich verwende das Theme Customizr. Ich habe dort das Menü zentriert dargestellt. Die Menüpunkte sind bei mir in einer Linie. Sobald der Bildschirm kleiner wird, rutschen die Menüpunkte untereinander. Ist ja standardmäßig so vorgesehen.
    Ich müsste es aber so hinkriegen, das das eben nicht passiert, sondern auf jedem Monitor, egal wie groß, die Menüpunkte immer in einer Linie bleiben.

    Was kann ich da tun? Bitte um Hilfe

    • Gerade eben
    • 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

    Alle Menü-Einträge auf einem Smartphone auf einer Zeile?!

    Und: Ohne Link weiss niemand, was Du gebastelt hast. ;-)

    Derzeit wechselt das Menü bei etwa 960 Pixel (Tablet-Grösse) von der "Desktop"-Ansicht auf ein responsives Menü und wird davor bereits auf zwei Zeilen angezeigt (ab ca. 1500 Pixel).

    Um alles auf eine Zeile zu bringen, müsstest Du eine kleinere Font-Grösse definieren und/oder den Menübereich verbreitern oder verschiedenen Bildschirmgrössen mit Media Queries verschiedene Menü- und/oder Font-Grössen zuordnen (oder dynamische Font-Grössen verwenden).

    Ansonsten ist der Menü-Aufbau beim Theme Customizr nicht ganz einfach. Da müsstest Du Dich einarbeiten.

    So...
    Habs jetzt geschafft, die Menüpunkte kleiner, mittig und die navbar-inner ist auf 100% wobei es trotzdem nicht bis zum Rand geht....?
    Die Punkte springen aber trotzdem um wenn ich aufzoome.
    Hast du da noch eine Idee dazu?

    div.navbar-wrapper hat zusätzlich die Klasse span9. Dadurch wird die Breite des Menüs auf 9 von 12 Spalten (ca. 75%) begrenzt. Die Klasse span10 reicht bei mir, damit das Menü einzeilig bleibt.

    Hallo

    Da das Theme keine direkte Style.css hat, habe ich mit dem String Locator diese Zeile gefunden und den span auf 10 gestellt:
    $_navbar_classes = implode( " ", apply_filters( 'tc_navbar_wrapper_class', array('navbar-wrapper', 'clearfix', 'span10') ) );

    Es wird aber nix anders. Wo liegt der Fehler. Kann das SPAN nur dort finden

    Bitte dich um Hilfe.

    Das ist schon ein sehr komplexes Theme und eigentlich sollte man da nicht so einfach im Quelltext rumändern :-) Aber die Zeile mit den $_navbar_classes gibt es an zwei verschiedenen Stellen. Die Stelle in der function czr_fn_new_menu_view() ist hier die entscheidende.

    Damit man nicht im Quellcode rumändern muss, hat der Programmierer offenbar den [FONT=courier new]tc_navbar_wrapper_class[/FONT] Filter bereitgestellt, also einfach benutzen.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden