WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 05.07.2022 09:41:33

awuest
Member

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 14: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;}
 }

Offline

Liked by:

berny, awuest

#3 06.07.2022 09:10:58

awuest
Member

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 15:06:53

florian
Administrator

Re: justthefacts Navigation Links "einrasten"

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

Offline

#5 07.07.2022 11:01:08

awuest
Member

Re: justthefacts Navigation Links "einrasten"

florian wrote:

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 13: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 $ ...

Online

#7 08.07.2022 09:34:03

awuest
Member

Re: justthefacts Navigation Links "einrasten"

bernd wrote:

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 16: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 $ ...

Online

Board footer

up