ナブバーとテキストが被らないようにしたい

実現したいこと

画像のように、スクロールするとナビゲーションバーとテキストが被ってしまします。

被らずにナビゲーションバーが1番上に表示され、スクロールするとテキストがナビバーに潜り込むように表示したいです。

１５分間ググっても解決することができませんでした。
どなたか教えて下さい。
よろしくお願いします。