roll-button Content fährt zu weit hoch

loewenherzl · 16. Juni 2017

Hallo zusammen,

auf meiner Seite www.talhochzeit.de habe ich einen roll-button. Wenn ich auf den klicke, dann scrollt die Seite runter zum Contentbereich. Leider verschwindet die Überschrift der Seite unter dem Menü am oberen Bildschirmrand. Wie bzw. wo kann ich dies ändern? Ich habe schon in der style.css gesucht, doch die richtige Stelle nicht finden können. Im Notepad++ habe ich nach dem roll-button gesucht, dort zwar 25 Einträge gefunden, aber nichts dabei, was mir irgendwie weiterhelfen würde. Könnt ihr mir helfen?! Ich bin noch relativ neu auf dem Gebiet, daher bitte ich um Nachsicht :wink:

Danke im Voraus!

Gruß
loewenherzl

splendid-text-u-webdesign · 16. Juni 2017

Hallo,

als Erklärung: Der Button ist technisch gesehen ein Link, der zum anchor "primary" führt (angegeben im href-Attribut des Links) - und an dieser Stelle verschwindet dann die Überschrift bereits, da das semitransparente Menu nicht berücksichtigt wird.
Zwei Möglichkeiten:
In der CSS-Datei könntest Du den Inhalt noch weiter nach unten schieben, da er ja ohnehin bereits etwas vom Hero-Bild abgesetzt ist, bspw. so:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Oder Du könntest im JavaScript, das die Scroll-Verzögerung enthält, einen anderen Abstand einstellen, was vermutlich etwas komplizierter sein wird.

loewenherzl · 16. Juni 2017

Danke für die schnelle Antwort und Deine Erklärung, die für mich sehr hilfreich ist. Jedoch weiß ich nicht genau, wo ich den Code finde, den Du aufgeführt hast. Muss ich das irgendwo in die CSS mit einfügen und wenn wo?! Welche Deiner zwei Lösungen ist denn die bessere? Kompliziert macht nichts, ich lerne gerne dazu :smile:

splendid-text-u-webdesign · 23. Juni 2017

Das hängt ganz von Deinem Theme ab. In vielen Fällen vermutlich die style.css-Datei. Dort könntest Du nach "#main" suchen oder es einfügen. Dies aus der Ferne zu sagen, ist jedoch recht schwierig.
Für die JavaScript-Lösung müsstest Du die entsprechende .js-Datei Deines Themes finden, in der die scroll-Funktion steht - auch hier: schwierig als Ferndiagnose.
Welche Variante besser ist, ist ebenfalls schwierig zu sagen, da zunächst geschaut werden müsste, inwiefern sich dies auf andere Seiten des Themes auswirkt.

loewenherzl · 29. Juni 2017

Wenn ich in der style.css nach #main suche, dann bekomme ich gefühlt 100 Treffer angezeigt. 100% davon heißen jedoch #mainnav. Nur #main kann ich nicht finden. Wo genau soll ich denn Deinen o.g. Code einfügen in der style.css? Ich habe ihn bereits an mehrere Stellen einfach mal getestet, doch es passiert nichts :???:

WPDE.org

roll-button Content fährt zu weit hoch

loewenherzl Active Member

splendid-text-u-webdesign Well-Known Member

loewenherzl Active Member

splendid-text-u-webdesign Well-Known Member

loewenherzl Active Member

Nützliche Suchen

roll-button Content fährt zu weit hoch

loewenherzl Active Member

splendid-text-u-webdesign Well-Known Member

loewenherzl Active Member

splendid-text-u-webdesign Well-Known Member

loewenherzl Active Member