WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 05.07.2022 08:41:33

awuest
Mitglied

justthefacts Navigation Links "einrasten"

Hallo zusammen,
ist es möglich die linke Navigation in das Template "just the facts" einrasten zu lassen: also der Besucher der Seite beginnt zu scrollen und die linke Spalte bleibt klebend. (ähnlich wie html5up_editorial Template)
VG

Offline

#2 05.07.2022 13:07:13

florian
Administrator

Re: justthefacts Navigation Links "einrasten"

1) Ändere die index.php des Templates:
nach

<div class="fg3 nav">

einfügen:

<div class="stickynav">

Vor

</div>
<div class="fg9 content">

einfügen:

&nbsp;
</div>

2) In der style.css einfügen:

 @media screen and (min-width:580px) {
	 .stickynav {position:fixed;}
 }

Code allein macht nicht glücklich. Jetzt spenden!

Offline

Liked by:

berny, awuest

#3 06.07.2022 08:10:58

awuest
Mitglied

Re: justthefacts Navigation Links "einrasten"

Danke, das hat geklappt nur leider rutscht jetzt der "Content" in der Spalte rein. Gibt es dafür eauch eine Lösung?

Offline

#4 06.07.2022 14:06:53

florian
Administrator

Re: justthefacts Navigation Links "einrasten"

Das sollte eigentlich nicht passieren, hast Du eventuell ein schließendes </div> vergessen?


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#5 07.07.2022 10:01:08

awuest
Mitglied

Re: justthefacts Navigation Links "einrasten"

florian schrieb:

Das sollte eigentlich nicht passieren, hast Du eventuell ein schließendes </div> vergessen?

Nein, das habe ich nicht: ich habe extra die Änderungen an der orig. Template gemacht

Offline

#6 07.07.2022 12:58:25

bernd
Developer

Re: justthefacts Navigation Links "einrasten"

Vertausche mal das &nbsp; und das </div>
also statt

&nbsp;
</div>
</div>
&nbsp;

dann sollte es klappen.


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#7 08.07.2022 08:34:03

awuest
Mitglied

Re: justthefacts Navigation Links "einrasten"

bernd schrieb:

Vertausche mal das &nbsp; und das </div>
also statt

&nbsp;
</div>
</div>
&nbsp;

dann sollte es klappen.

Die Macht des Leerzeichens!!! smile
Danke das war es

Offline

#8 08.07.2022 15:14:51

bernd
Developer

Re: justthefacts Navigation Links "einrasten"

Kurz zur Erklärung, was da passiert:
durch das "position:fixed" wird das Menu komplett aus dem normalen Dokumentenfluss herausgenommen und wird von den nachfolgenden Elementen komplett ignoriert.
Das umgebende div .nav ist also quasi komplett leer und hat keinen Grund mehr irgendwelchen Platz einzunehmen.
Durch das Leerzeichen hat es jedoch wieder "Inhalt" und hält sich an die Fitgrid Breiten-Angabe.


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

Fußzeile des Forums

up