Änderung Breakpoints/Media Queries für navbar/navbar-collapse

Thema wurde von masalo, 10. Mai 2018 erstellt.

  1. masalo
    masalo Erfahrener Benutzer
    Registriert seit:
    11. September 2013
    Beiträge:
    47
    Danke erhalten:
    13
    Danke vergeben:
    14
    Hi!
    Bitte entschuldigt, falls es dieses Thema schon gibt, ich habe es partout nicht gefunden.

    Folgendes ist mein Problem:
    Meine Seite ist 1200px breit und das Menü (oder wie es hier heißt: Kategorien - horizontal angelegt) nutzen diesen Platz voll aus.

    Schaut man sich die Seite auf einem Tablet an, wird die Breite naturgemäß weniger und es passen nicht alle Kategorien/Menüpunkte in die Zeile.
    Dafür gibt es dann den Punkt "Weitere" - finde ich aber nicht so günstig.

    Auf einem Smartphone gibt es ja dann dieses vertikale Menü.

    Ich hätte gerne dieses vertikale Menü also schon sichtbar für alle Devices mit einer max-width von 1200px (bzw. falls es andersrum programmiert ist, was ich glaube, dann eben das horizontale Menü sichtbar für alle Devices AB 1200px) - und ich glaube, dass es in der main.min.css so angelegt ist, dass es nur bis 768px aktiv, respektive ab 768px inaktiv ist, richtig?

    Allerdings gibt es in dieser Datei 132 Einträge für min-width:768 und ich würde diese Einträge nur ungerne alle in die usermod css übernehmen und durch min-width:1200 ersetzen.

    Geht das einfacher (gerne aber auch updatesicher!?) :)

    Danke für euren Support, ich hoffe, ich konnte die Problematik einigermaßen beschreiben :)
    LG
    Eric

    p.s.
    es geht nicht um den Shop in der Signatur ;)
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Ich würde mir das gut überlegen.
    Das war ja immer das Problem von Mobile-Candy, dass die Anzeige auch auf einem 10" tablet so war, wie für ein kleines Smartphone.
    Und wenn ich einen PC mit 1100px Bildschrimbreite habe, würde mich eine Mobile anzeige schon nerven.
    Da wäre meiner Meinung nach das "weitere" ein viel kleineres Übel.
     
  3. masalo
    masalo Erfahrener Benutzer
    Registriert seit:
    11. September 2013
    Beiträge:
    47
    Danke erhalten:
    13
    Danke vergeben:
    14
    Danke für die Antwort!
    Tatsächlich war ja beim MC (mein) Problem, dass man immer alles doppelt machen musste ;D
    Und das mit der gleichen Anzeige natürlich auch :)
    Zum Glück sind die Zeiten vorbei :)


    Hier mag ich ja wirklich nur das Menü tauschen, der Rest darf gerne so bleiben, wie er ist ;)
    Finde nur die passenden CSS Einträge nicht so wirklich ;D
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Hast Du die Boxen links aktiviert?
     
  5. masalo
    masalo Erfahrener Benutzer
    Registriert seit:
    11. September 2013
    Beiträge:
    47
    Danke erhalten:
    13
    Danke vergeben:
    14
    Nein, keine Boxen.
    Letztenendes würde ich den Header gerne behalten und nur die "blaue Zeile" (navbar-collapse) (1) durch die "weiße Zeile" (navbar-toggle) (2) ersetzen.

    Aber vielleicht schreibe ich einfach einen kleinen Media-Query, so dass sich die Schriftgröße im Menü für Tablets (also min-width: 768 and max-width 1200) einfach so verkleinert, dass alles in eine Zeile passt ;D
    Danke auf jeden Fall für Deine Gedanken :)
     

    Anhänge:

    • 1.jpg
      1.jpg
      Dateigröße:
      117,2 KB
      Aufrufe:
      12
    • 2.jpg
      2.jpg
      Dateigröße:
      71,1 KB
      Aufrufe:
      12