Block geht unter Menüband

[Pedestrian]

Wir haben eine onesidepage mit einigen Blöcken erstellt. Über das Menü kann man an bestimmte Stellen (zu bestimmten Blöcken) der Seite springen. Nun ist es so, dass das Menüband prinzipell über den Blöcken liegt. Springt man also zu einem Block mit einer Überschrift, wird die Überschrift nur halb angezeigt, da der Rest hinter dem Menüband (header) verschwindet.

Drückt man den Link im Menüband allerdings nochmal, wird der Springpunkt nachkorrigiert und die Überschrift wird vollständig angezeit. Kann gern unter www.b2b-photography.de getestet werden.

Wie kann man das Verhalten verändern? Passiert vor allem wenn man von einer Unterseite (z.B. Impressum) kommt.

Erst auf "Impressum" klicken und dann im Menüband auf "Referenzen".

[Rancher]

Was passiert, wenn Du auf der Seite "Impressum" dem ersten Block oben einen höheren Abstand gibst?

[Pedestrian]

Der Abstand ist mit dem Schieberegel bereits auf der höchsten Stufe. Das ist noch ein Fehler bei der Veröffentlichung. Beim Datenschutz funktioniert es. Es geht eher um den Rücksprung über die Links in der Menüleiste. Auch wenn ich auf der Startseite auf den Button "Anfrage senden" drücke wird der Block unter das Menüband geschoben. Ein erneuter druck auf den Button korrigiert die Lage.

Das passiert bei drücken auf den großen Button "Anfrage senden".

[Tommy Herrmann]

Du kannst das Padding-Top in "CSS Editor" für den Block ändern:

oder direkt als Style-Anweisung an das oberste DIV schreiben, wie z.B.:

style="padding-top: 10rem;"

... das Formular sitzt aber eigentlich gerade richtig, wenn man auf der Startseite den Button in der Navi klickt:

Von "außen" passiert das gerne:

https://www.b2b-photography.de/index.html#formular

[Pedestrian]

Danke Tommy das könnte ich tun. Jedoch beseitigt das nicht mein eigentliches Problem mit der Sprungmarke.
Was könnte das sein, dass der "angesprungene" Block manchmal hinter die Menüleiste rutscht? Kann man das Verhalten irgendwie beeinflussen?

Muss die Seite wohl erstmal überarbeiten und dann neu hochladen. Vielleicht erledigt sich es damit.

[Tommy Herrmann]

Ja - das tut er, denn "oben" ist da wo die ID sitzt (#formular) und "oben" ist der Bildschirmrand und nicht die untere Kante der Navi.

... und entferne mal zum Testen an den globalen CSS-Einstellungen (am Pinsel unten rechts) "Animation on Scroll", dann geht das wahrscheinlich auch "von außen".

Browser Cache erneuern mit Tasten "Strg + F5".

[Pedestrian]

Vielen Dank, werde ich testen.
Gibt es vielleicht die Möglichkeit die untere Kante des Menübandes (Navi) als "oben" zu definieren oder eventuell einen Abstand dem Anker #formular mitzugeben?

[Tommy Herrmann]

Hier mal als Beispiel auf einer meiner Seiten - ein Sprung zum Anker "Tutorial":

https://mobirise-tutorials.com/Formular ... l#Tutorial

[Tommy Herrmann]

Du könntest natürlich auch einfach, anstatt "Anfrage Senden" in der Navi "Kontakt" schreiben und dann einfach auf die Startseite verlinken. Dort findet der Besucher ja dann erneut gleich oben einen Button "Anfrage Senden" und das Formular.

Ich vermute aber, dass das Problem an dem einfliegenden Text - dieser Animation liegt. Dadurch bekommen die IDs der Seite eine falsche Position.