Obere Navbar schon ab 999px Responsiv ausblenden

Thema wurde von tho_os, 17. Februar 2023 erstellt.

  1. tho_os
    tho_os Erfahrener Benutzer
    Registriert seit:
    25. März 2018
    Beiträge:
    125
    Danke erhalten:
    1
    Danke vergeben:
    5
    #1 tho_os, 17. Februar 2023
    Zuletzt bearbeitet: 17. Februar 2023
    Hallo,
    wieder eine unmögliche Frage von mir!

    Ich möchte dass die obere Navbar schon ab 999px Responsiv ausgeblendet wird.

    Zur Zeit verschwindet diese erst bei 767px.

    Wo kann ich dies einstellen?
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Im eigenen css.
    Mehr kann ich ohne Link nicht sagen.
     
  3. tho_os
    tho_os Erfahrener Benutzer
    Registriert seit:
    25. März 2018
    Beiträge:
    125
    Danke erhalten:
    1
    Danke vergeben:
    5
    Mit CSS habe ich es schon Probiert ich finde aber die richtige "class" nicht.

    Es geht um den gesamten Oberen Teil der ausgeblendet wird wenn die Displaygröße unter 767px ist.
     
  4. Anonymous
    Anonymous Administrator
    Mitarbeiter
    Registriert seit:
    26. April 2011
    Beiträge:
    1.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @tho_os Ab wann die Leiste einklappt ist abhängig von der Menge Pixel die man die Seite scrollt. Das ist ein fester Wert im JavaScript, welche nicht per CSS geändert werden kann. Hierfür muss man Änderungen am JavaScript vornehmen, die man nicht direkt über HTML oder CSS erreichen kann.

    Der Bereich wird in der Datei src/themes/Malibu/javascripts/source/widgets/header.js definiert mit dem Wert
    scrollPosition: 200
     
  5. tho_os
    tho_os Erfahrener Benutzer
    Registriert seit:
    25. März 2018
    Beiträge:
    125
    Danke erhalten:
    1
    Danke vergeben:
    5
    @Till (Gambio)
    Nicht Einklappen sondern ausblenden.

    Am Handy wird doch die Leiste komplett ausgeblendet und durch die 3 Balken ersetzt und dieses ersetzen passiert bei 767px.

    Diesen Wert 767px möchte ich auf 999px anheben.
     
  6. Anonymous
    Anonymous Administrator
    Mitarbeiter
    Registriert seit:
    26. April 2011
    Beiträge:
    1.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @tho_os Das sind die Standardwerte vom Bootstrap CSS Framework. Diese zu verändern, wird viele Probleme mitbringen und kann das Layout für alle nachfolgenden Breakpoints kaputt machen. Eine Änderungen der Werte ist nicht empfohlen und auch nicht mal eben so gemacht, das muss dann in allen Bereichen auf jeder Seite gründlich geprüft werden, dass es auch immer und überall den gewünschten Effekt hat. Ich rate daher dringend ab von einer Änderung.
     
  7. tho_os
    tho_os Erfahrener Benutzer
    Registriert seit:
    25. März 2018
    Beiträge:
    125
    Danke erhalten:
    1
    Danke vergeben:
    5
    Sorry, ich glaube wir reden da von 2 verschiedenen Dingen.

    Von hier
    Unbenannt-2.jpg

    zu hier
    Unbenannt-3.jpg

    und das passiert wenn die breite vom Display kleiner als 767px ist und ich möchte dass dies schon bei einer Displaybreite von 999px passiert.
    .