Protostart - nav-pills - 2. Menüebene

Rabendoktor · 13. Juni 2018

Hallo,

derzeit "relaunche" ich meine impf-info.de - Seite und scheitere gerade an der Menüstruktur. Ich habe per nav-pills das Hauptmenü auf horziontal gestellt und dessen Aussehen angepasst, allerdings haben einige Menüpunkte noch Untermenüpunkte, die mir das template bis jetzt vorenthält.

So müssten bei "Die Impfentscheidung"/"Impfaufklärung" eigentlich noch die Unterpunkte "Juristisches" und "STIKO" auftauchen (idealerweise im gleichen design nach rechts verschoben) - das tun sie aber nicht... warum nicht?

DANKE für Eure Hilfe,

herzliche Grüße,

Steffen

Indigo66 · 13. Juni 2018

Ich nehme an, das liegt bei Dir auf einer Entwicklungebung, denn bei impf-info.de sehe ich alle Untermenüpunkte. Ohne Link wird es sonst schwierig.

Eine Vermutung ist, dass im Menümodul "Untermenü anzeigen" nicht auf JA steht.

Gast · 13. Juni 2018

Was steht denn im Menümodul wie viele Ebenen angezeigt werden sollen?

Und immer den Link einstellen - man sucht hier nicht in alten Threads

Rabendoktor · 13. Juni 2018

Ich danke Euch beiden für die rasche Antwort - ich hatte oben im ersten Beitrag impf-info.de geschrieben, aber natürlich das www. vergessen... also: http://www.impf-info.de - und ich glaube, ich habe das Hauptmenü richtig eingestellt:

Indigo66 · 13. Juni 2018

Ich kann alle Untermenüpunkte sehen uns anklicken.

Rabendoktor · 13. Juni 2018

Das verstehe ich nicht - unter macOS 10.13 (der Mauszeiger fehlt natürlich, den brauche ich für's Bildschirmfoto):

Firefox:

Safari:

Ich würde doch jetzt erwarten, das rechts neben "Die Impfaufklärung" auftaucht "Juristisches" und "STIKO", oder?

Woran kann das liegen?

Indigo66 · 13. Juni 2018

Entschuldigung! Jetzt verstehe ich was Du meinst. Für mich wäre es die 3. Ebene, daher habe ich das missverstanden.

firstlady · 13. Juni 2018

Ganz vorsichtig gefragt: Diese Kategorien und Beiträge der zweiten Stufe sind für public freigegeben?

Es war zwar jetzt nicht gefragt: Aber inzwischen kommt man von den mehrstufigen Drop-Downs ab. Sie sind an den Smartphones kaum mehr zu beherrschen und selbt mit der Maus nicht gut zu bedienen.
Vielleicht findest du ja eine Lösung bei der du nicht so viele Ebenen brauchst.

Rabendoktor · 13. Juni 2018

Hallo, Christiane,

DANKE für die vorsichtige Nachfrage - ja, alles ist public...

GANZ glücklich bin ich damit auch nicht, aber die Alternative wären halt mehr Menü-Überschriften, die dann nicht mehr horizontal darstellbar sind... ich brüte da noch drüber, aber das mit der 3. Ebene verstehe ich trotzdem nicht.

Indigo66: ist ja wenn dann mein Fehler: mit der Überschrift ist es dann ja die 3. Ebene...

Herzliche Grüße Euch Mitdenkern und Helfern,

Steffen

Indigo66 · 13. Juni 2018

Also das Protostar kann auch die 3. Menübenen anzeigen. Das habe ich gerade getestet.
Da ist was anderes im Argen. Im Code ist die 3. Menüebene jedenfalls zu sehen.

Rabendoktor · 13. Juni 2018

Hallo, Tom,

Danke für's Ausprobieren - WO genau ist denn die 3. Menüebene im Code (CSS?!) hinterlegt, damit ich etwas genauer weiß, wo ich weiter(ver)suchen muss?

Schönen Abend und Danke für die Hilfe,

Steffen

anka · 13. Juni 2018

Schau dir mal das template.css vom Original-Protostar an und suche dort nach allen Einträgen, die mit .navigation .nav li li anfangen. Ich glaube, bei deinem Template fehlen die alle.

Rabendoktor · 13. Juni 2018

DANKE, anka!

- ich bin erschüttert und weiß nicht, wie das passieren konnte - die waren tatsächlich weg... ich habe jetzt alle .nav li li -CSS-Zeilen rüberkopiert (hat auch funktioniert, ich musst die Farbe wieder von blau auf grün umstellen), aber das Problem mit der fehlenden dritten Ebene ist leider geblieben...

Ich muss mich korrigieren - die 3. Ebene erscheint jetzt!, aber erst, nachdem ich auf die 2. geklickt habe... wie kann ich es einstellen, dass die schon beim hovern auftaucht?

anka · 13. Juni 2018

Jo, das hier fehlt auch noch :

Code

.navigation .nav > li:hover > .nav-child, 
.navigation .nav > li > a:focus + .nav-child, 
.navigation .nav li li:hover > .nav-child, 
.navigation .nav li li > a:focus + .nav-child {
    display: block;
}

Rabendoktor · 13. Juni 2018

Viel schlimmer - es fehlte nicht, es fehlte nur das Komma hinter dem 2. .nav-child.... Wie gut, dass es hier kein facepalm-emoji gibt.

Anka, ich danke Dir, jetzt ist alles so, wie ich mir das vorstelle!

Gibt es eine Möglichkeit, 2 CSS-Dateien schnell und übersichtlich zu vergleichen (idealerweise für Mac)?

In jedem Fall einen schönen Abend für Dich,

herzliche Grüße, (auch nochmal an die anderen 3 Mit-Helfer),

Steffen

Indigo66 · 14. Juni 2018

Zitat von Rabendoktor

Gibt es eine Möglichkeit, 2 CSS-Dateien schnell und übersichtlich zu vergleichen (idealerweise für Mac)?

OT:
http://www.scootersoftware.com/download.php
https://www.kaleidoscopeapp.com/

Rabendoktor · 14. Juni 2018

Danke Dir, Tom -

ich habe aus der Episode gelernt, dass ich meine beiden Seiten auf die Original template.css-Datei umstellen werde und die von mir vorgenommenen Änderungen in eine user.css ausgliedere.

Die erstelle ich mir aus den mit Deinen Software-Tips identifizierten Änderungen in meiner jetzigen template.css.

Wieder einmal: Joomla ist nicht nur ein, nein, DAS Super-CMS, sondern speziell diese Community ist das Beste, was einem Möchte-gern-webdesigner wie mir passieren kann... DANKE, DANKE, DANKE!

Schönen Tag allen Mitlesern,

herzlich,

Steffen