Aktueller Inhalt von html_wasser

Der Inhalt verrutscht dann leider immer noch... Wie könnte ich die Struktur umbauen?

Vielen Dank! Wie soll ich das machen? Leider habe nicht sehr große Javascript Kenntnisse... Mit dem .f-nav {display: none;} erreiche ich zwar, dass die Navi nicht mehr fixiert wird, leider springt jetzt beim scrollen aber genau an der Stelle bei 460px der Inhalt ruckartig weiter (etwa um 50 px)...

Ich habe es schon in meiner Media Query-Datei folgendermaßen versucht, jedoch ohne Erfolg: @media only screen and (max-width: 479px) { .f-nav { display: none; } } Außerdem verrutscht bei dem 1. breakpoint immer der Inhalt, da der script nur für den full screen angepasst wurde.

Guten Tag, $(document).ready(function() { var aboveHeight = $('header').outerHeight(); $(window).scroll(function(){ if ($(window).scrollTop() > 460){ $('#navi').addClass('f-nav').css('top','0').next().css('padding-top','50px'); } else {...