(暫定 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以前は非対応らしいです。
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;
}