カスタマイズ手順
以下の CSS を追加すると、このページのようにサイトヘッダーを透過にしてグローバルナビを右端に配置することができます。
@media (min-width: 992px) {
/* サイトヘッダーを透過にする(パソコンだけ) */
body:not(.header_scrolled) #site-header {
position: absolute;
background-color: rgba(255,255,255,0.7);
}
/* グローバルナビを右端に配置 */
body:not(.header_scrolled) #site-header-container {
max-width: 100%;
padding-right: 0;
padding-left: calc( ( 100% - var(--vk-width-container) ) / 2 );
}
}