Wie verringere ich den Freiraumabstand zwischen den einzelnen Spalten im Menü Megadropdown Menü

Thema wurde von nummersieben, 17. November 2018 erstellt.

  1. nummersieben
    nummersieben Erfahrener Benutzer
    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Hallo zusammen,

    was mich im Dropdown Menüfenster stört ist dieser riesige Freiraum zwischen den einzelnen Spalten, wie kann mann diesen verringern, außer das ich weiß, dass man die Blockbreite generell über den Style Edit einstellen kann. Ich habe ein Foto beigefügt, damit es verständlicher ist, was ich im Grunde genommen meine.

    Danke im voraus.

    Acrennshot Abstand verringern.png
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Der Abstand richtet sich nach der Breite des Blocks
    Mal zum Vergleich eine Kategorie mit 225px Blockbreite:
    Unbenannt.JPG

    und einmal die selbe Kategorie mit 195px Blockbreite:
    Unbenannt-1.JPG

    Man sollte also erstmal testen (bei langen Kategorie-Namen) wie breit die Spalten sein müssen, damit die Titel richtig angezeigt werden.

    hier sieht man jetzt, wie viel "echten" Abstand es gibt:
    Unbenannt-2.JPG

    Die Breite des ganzen Farbfeldes ist 195px - das was ich als Block-Breite eingetragen habe.
    Das Grüne ist ein Abstand, damit die Titel nicht aneinander kleben, das blaue ist das Textfeld für den Kategorie-Namen.

    Nehme ich den Abstand (bei mir 15px) rechts und links ganz weg, sieht das so aus:
    Unbenannt-3.JPG

    Man muss also einen gewissen Abstand behalten, damit der Text nicht am Rand klebt.
     
  3. nummersieben
    nummersieben Erfahrener Benutzer
    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Ok vielen Dank! Ich habe es verstanden :) Habe es ausprobiert und es funktioniert!
     
  4. nummersieben
    nummersieben Erfahrener Benutzer
    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Eine Frage hätte ich trotz allem noch, wo stelle ich den Abstand rechts und links ein, wie in Deinem Beispiel mit den 15px rechts und links ganz weg?
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Versuche es im eigenen css mit diesem Code:
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li {
        padding-left: 0px;
        padding-right: 0px;
    }}
     
  6. nummersieben
    nummersieben Erfahrener Benutzer
    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Kann man eigentlich mit css Befehlen einzelne dropdown - menüs der verschiedenen Rubriken in der horizontalen Menüleiste die Breitenzuordnung anpassen sowie die Ränder rechts und links?
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    nein, das ist immer für alle.