トップメニューを上部に固定しないようにする

Twenty Seventeen では、画面を下にスクロールすすと、トップメニューがSticky（貼り付き）になります。

スティッキーなトップメニューを、スティッキーでない固定でないメニューにする方法は以下の通りです。

ある程度スクロールすると、.site-navigation-fixed が付与されて、以下のCSSが適用されるので、

@media screen and (min-width: 48em) {
（略）
	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}
（略）
}

子テーマの style.css か、カスタマイズ ＞ 追加CSS にて、以下のように上書きします。

@media screen and (min-width: 48em) {
        .site-navigation-fixed.navigation-top {
                bottom: 0;
                position: absolute;
                z-index: 3;
        }
}

.site-navigation-fixed が付与されても、付与されていなかったときの状態を維持させます。

メモ

付与されていない状態では以下のようになっているので、bottom, position, z-index を元のままにします。

@media screen and (min-width: 48em) {
（略）
	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}
（略）
}

メモ２

ヘッダ上部に固定のメニューがあると、Google AdSense のルール違反とみなされることがあるようなので、広告が隠れないようにするためにも、適用しておくとよいと思います。