Megadropdown: Abstand zwischen Kategorien verringern

Thema wurde von ak36, 24. Juni 2016 erstellt.

  1. ak36
    ak36 Aktives Mitglied
    Registriert seit:
    29. Oktober 2013
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo.
    Hat schon jemand heraus gefunden wie man den Abenstand zwischen den Kategorien im Megadropdown verringern kann? Ich habe sehr viele Kategorien in meinem Shop und da würd es sich anbieten, wenn ich den Abstand unter und ober den Kategorien wesentlich verkleinern könnte.

    forum.jpg
     
  2. ak36
    ak36 Aktives Mitglied
    Registriert seit:
    29. Oktober 2013
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    2
    Kann da keiner Helfen? Es ist jetzt schon so das mein Mega Drop Down Menü zu lang ist und bis an das Ende meines Monitors geht und man so die letzten Kategorien nicht auswählen kann. Und ich habe eine recht hohe Auflösung.
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Ohne Link zur Baustelle wird das Schwierig.
     
  4. Anonymous
    Anonymous Mitglied
    Registriert seit:
    7. Juli 2016
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    2
    #4 Anonymous, 7. Juli 2016
    Zuletzt bearbeitet: 8. Juli 2016
    Hi zusammen..

    ..ja das würde mich auch brennend interessieren, da ich genau das gleiche Problem habe. Ich würde gerne die vertikalen Abstände im Mega-Dropdown Menü verringern und zwar sowohl zwischen Kategorie-Überschrift und Kategorie-Unterpunkten als auch zwischen den einzelnen Unterkategorien.

    Leider gibt es soweit ich finden konnte nur die Möglichkeit unter StyleE3 die Überschriftengröße (Schrift), Tab Abstände etc. zu ändern.. Leider aber nicht die vertikalen Abstände im Mega-Dropdownmenü..

    Dadurch würde ich imens viel Platz einsparen und könnte dann das Menü komplett auf dem Bildschirm haben, denn momentan kann ein User leider nicht im Dropdown scrollen wenn es größer ist als der Bildschirm ist das ist mehr als kontraproduktiv. Menüpunkte fallen einfach raus und sind nicht anwählbar. Das wäre dann leider ein K.O. Argument (wenigstens für die Top Navi).

    Wäre toll wenn ein Weiser des Gambio Universums dazu Rat wüsste.

    mfg
    ele
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Bitte einen Link zum Shop, damit man sich die Einstellungen bei Dir ansehen kann
     
  6. Sergej
    Sergej Aktives Mitglied
    Registriert seit:
    27. Juni 2016
    Beiträge:
    39
    Danke erhalten:
    31
    Danke vergeben:
    1
    #6 Sergej, 7. Juli 2016
    Zuletzt bearbeitet: 7. Juli 2016
    Probiere diesen Code aus...

    Code:
    nav > ul > li > ul > li {
      margin: 0 !important;
      padding-top: 5px !important;
    }
    
    nav > ul > li > ul > li > * {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
      font-size: 16px !important;
      line-height: 1;
    }
    
    nav > ul > li > ul > li > * > li[class*="-child"]{
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
      font-size: 12px !important;
    }
    
    ... jedoch keine Ahnung wie tief dieser Code greift.
    Also ob alle Untermenüpunkte erfasst werden.


    EDIT:
    Habe den Code angepasst und getestet.
    Sieht dann wie auf dem Bild aus.
    Ich denke das ist, was du dir wünschst?
     

    Anhänge:

  7. MP Solution
    MP Solution Erfahrener Benutzer
    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Ich habe diesen Part bei einem Kunden anders gelöst. Gebe diese Befehlskette in den Style Editor ein unter CSS und deinem Style.
    Code:
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li {
        padding: 1px;
        width: 225px;
        float: left;
    }
    Über padding dann die gewünschte höhe einstellen, die Du haben möchtest.
     
  8. Anonymous
    Anonymous Mitglied
    Registriert seit:
    7. Juli 2016
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    2
    Sehr geil..

    ..das war es.. also nochmal vielen dank an alle und besonders an MP Solution.. genau das war es was ich gesucht habe.. ich habe noch 3 Werte hinzugefügt, sodaß sich die padding Abstände nach rechts links und unten auch noch anpassen lassen und jetzt ist es für mich ideal:

    Code:
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li {
        padding: 15px 1px 1px 15px;
        width: 225px;
        float: left;
    }
    Shop wollte ich nicht posten da der noch unveröffentlicht bearbeitet wird und das niemand sehen soll.. :cool:

    mfg
    ele
     
  9. Anonymous
    Anonymous Mitglied
    Registriert seit:
    7. Juli 2016
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    2
    #9 Anonymous, 10. Juli 2016
    Zuletzt bearbeitet: 10. Juli 2016
    Aehmm.. Kommando zurück..

    @(Link nur für registrierte Nutzer sichtbar.): ..also es ist 50% perfekt, nämlich für die Desktop Auflösung. Bei der Mobile Version allerdings sind ab der 2ten ausgeklappten Unterkategorie alle Menüeinträge nach rechts verschoben. Sowohl mit einem Wert im padding als auch mit den 4 Werten die ich hinzugefügt habe.. naja.. falls jemand noch ne Idee hat.. ich versuchs mal weiter..

    ..kann man ggf. den Code NUR für das Desktop Theme aktivieren?

    mfg
    ele

    EDIT:
    Also ich versuche es grade mit Sergejs Code und der scheint wahrhaftig auch auf der Mobile Version zu funktionieren. Ich bastel mal weiter, werde berichten wenn was nicht funktioniert. Bis dahin vielen vielen Dank an alle.

    @Sergej (Gambio) : Sry das ichs nicht direkt mit dem Code versucht habe, aber der andere sah unkomplizierter aus. Danke nochmal.
     
  10. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    27. März 2018
    Beiträge:
    25
    Danke erhalten:
    0
    Danke vergeben:
    9
    Megadropdown Abstand zwischen Kategorien verringern
    Hallo Sergej,
    wo muß ich den Befehl einfügen zum Abstand zwischen den Kategorien verringern im Megadropdown?
    VG Uli