Ausklappnavigation ab einem Punkt nach links

**Kahmoon** · 31.03.2023, 09:44

Hallo zusammen,

ich baue gerade auf einer Seite (Link entfernt) eine Ausklappnavigation ein. Problem ist jetzt aber das die Punkte alle "nach rechts" aufklappen. Bei einem Menüpunkt der ganz rechts kommt, ist aber nicht mehr genug Platz.

Siehe Screenshot. Die Links hinter der Mütze sind leider nur eingelogged sichtbar. Daher kann ich das nur per Bild zeigen. Ziel wäre es das es dann nach links aufklappt.

Und wie könnte ich einen Menüpunkt für die Subelemente ausnehmen? Im mod_navigation Template ist nur noch

PHP-Code:


<?= $this->items ?>

Sprich ich kann hier nicht mal auf eine Klasse oder so abfragen um dann Subelemente zu skippen.

VG

**derRenner** · 31.03.2023, 09:55

li:last-child
li:last-of-type

**Kahmoon** · 31.03.2023, 09:56

ok, somit kann ich das Element gezielt ansprechen. Aber wie klappt es nach links?

**Spooky** · 31.03.2023, 09:59

left: auto;
right: 0;

Aber genaueres wird man nur sagen können, wenn du einen Link zur Seite postest.

**Kahmoon** · 31.03.2023, 10:00

Danke.

Habe ich gepostet. Das Wort "Seite" ist verlinkt.

**Kahmoon** · 31.03.2023, 10:05

So gehts!

Code:

   	li:last-child .level_2{
		left: auto;
		right: 0;
	}

**derRenner** · 31.03.2023, 10:09

Ich bin mir gerade nicht sicher, aber ich glaube mal gelesen zu haben, dass die Klasse .last in irgendeiner Version verschwindet ... in 5.x ist sie wohl nicht mehr vorhanden.
Daher solltest du dich schon jetzt eher an :last-child oder :last-of-type halten

**Kahmoon** · 31.03.2023, 10:10

Guter Punkt!

**Franko** · 31.03.2023, 10:17

Zitat von derRenner

Ich bin mir gerade nicht sicher, aber ich glaube mal gelesen zu haben, dass die Klasse .last in irgendeiner Version verschwindet ... in 5.x ist sie wohl nicht mehr vorhanden.
Daher solltest du dich schon jetzt eher an :last-child oder :last-of-type halten

Siehe: https://github.com/contao/contao/blo...t-even-and-odd

**Kahmoon** · 31.03.2023, 10:53

Sodale.jetzt hab ich leider noch ein Problem bei der Positionierung von Level 3. Das wird hier an der Unterkante von Level 2 ausgerichtet. Wie bekomme ich das an die Oberkante?

Die Jagdschule -> Jagdausbildung -> Level 3

Edit:
li in level_2 brauchte position relative und dann die ul level_3 ein Top:-1px:

Jetzt geht es

**Kahmoon** · 02.04.2023, 11:00

Blöde Frage aber wie kann ich denn den Client CSS Cache der Seite neu erzwingen? Die Navigation funzt soweit gut aber viele Schüler haben leider noch eine alte CSS Version gespeichert. Da liegt das neue Menü jetzt so doof über dem Login das sie sich nicht einloggen können.

Systemwartung assets wurden mehrfach gelöscht. Ebenso via Console der Cache mehrfach gelöscht.

Ich habe jetzt im Layout mal folgenden Code eingefügt und würde den 2-3 Tage live lassen.

Code:

<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />

und in der htaccess

Code:

        Header set Cache-Control "max-age=0" env=CONTAO_ASSETS

Weitere Ideen?

**Spooky** · 02.04.2023, 11:21

Poste einen Link zur Seite.

**Kahmoon** · 02.04.2023, 11:27

Zitat von Kahmoon

Das wird hier an der Unterkante von Level 2 ausgerichtet. Wie bekomme ich das an die Oberkante?

Ist hier nach wie vor drin

**Spooky** · 02.04.2023, 12:28

Nutzt du SCSS? Wenn ja, dann musst du ggf. den Script Cache über die Systemwartung manuell löschen.

**Kahmoon** · 03.04.2023, 07:45

Jepp, ist SCSS. Über die Systemwartungen habe ich bereits mehrfach alles gelöscht und es tritt dennoch auf. Ich hoffe das es mit den oben genannten Cache Settings im Head und htaccess geht. Ich lasse das jetzt mal 2-3 Tage so, dann sollte jeder ne neue Version gezogen haben.