Seite 1 von 1

Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 11:21
von 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".
Erst auf "Impressum" klicken und dann im Menüband auf "Referenzen".

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 11:29
von Rancher
Was passiert, wenn Du auf der Seite "Impressum" dem ersten Block oben einen höheren Abstand gibst?

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 11:49
von 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".
Das passiert bei drücken auf den großen Button "Anfrage senden".

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:08
von Tommy Herrmann
Du kannst das Padding-Top in "CSS Editor" für den Block ändern:

Padding-Top.JPG

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

style="padding-top: 10rem;"

Style-Anweisung.JPG


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

Anfrage senden.JPG

Von "außen" passiert das gerne:

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

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:14
von 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.

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:19
von 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".

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:22
von 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?

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:24
von Tommy Herrmann
Hier mal als Beispiel auf einer meiner Seiten - ein Sprung zum Anker "Tutorial":

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

Re: Block geht unter Menüband

Verfasst: Fr 12. Mär 2021, 13:29
von 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.