(暫定 2023/10)

Lightningの「固定」はペロッとなるので。

=カスタマイザーは「固定しない」に設定してください

またposition:fixedだと、高さを失って次の要素と重なってしまうので。

この方法だと高さを保持しつつ、上部に固定できる。

body  {
	overflow-x: unset !important;
	display: flex;
	flex-direction: column;
}
.device-pc #site-header {
	position: sticky;
	top: 0;
}
.logged-in.device-pc #site-header {
	top: 32px;
}

3つ目のセレクタは、ログイン中の上部管理バー用調整です。

IE11以前は非対応らしいです。

Untitled

HOMEだけFVに透過にする場合。

.home header#site-header {
    position: fixed;
    transition: .5s;
}
.home:not(.device-pc.scrolled) header#site-header {
    background-color: transparent;
    box-shadow: none;
}
.home:not(.device-pc.scrolled) .site-header-logo img {
    filter: brightness(100) grayscale(1);
}
.home:not(.device-pc.scrolled) #global-nav li a {
    color: #fff;
}