PC画面のヘッダーをスクロールに合わせて追尾したい

お世話になっております。
以下のようなCSSでいかがでしょうか？
よろしくお願いします。


.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#container {
padding-top: 62px;
}


よろしくお願いします。

お世話になります。
追加の質問を失礼します。

前回ご教授いただいた、追加CSSによりヘッダーメニューの固定はできたのですが
追尾サイドバーに設置している広告と重なってしまいます。

追尾サイドバーと重ならないように調整する方法はあるのでしょうか？

追加で失礼します。
ヘッダーメニューとスライダー記事の幅はpaddingで調整できることはわかりました。
PCとSPでことなる幅を設定することはできるのでしょうか？

お世話になっております。
以下のようにCSSを書いていただくと固定する位置を調整いただけます。
よろしくお願いします。


.fixed-sidebar:not(.sidefixed), .fixed-sidebar:not(.sideidled)　{
top: 100px;
}


お世話になっております。
CSSのメディアクエリーを使うことで可能です。
https://sole-color-blog.com/blog/71/

よろしくお願いします。

お世話になります。
ご教授いただき、ありがとうございます。
大変助かりました。

追尾サイドバーを固定するためのCSSなのですが

.fixed-sidebar:not(.sidefixed), .fixed-sidebar:not(.sideidled)　{
top: 100px;
}

ではなくて

.fixed-sidebar:not(.sidefixed), {
top: 100px;
}

にしたところ調整することができました。