心の通う家造り

お客様との信頼関係を満足住宅の第一歩と考えています

もっと詳しく

アフターサービス

安心施工と定期メンテナンスを提供し、毎年定期点検を実施します

もっと詳しく

新着情報

過去の新着情報はこちら
過去の新着情報はこちら

サイトヘッダーのカスタマイズ手順

以下の CSS を追加すると、このページのようにトップページのサイトヘッダーを透過にすることができます。

@media (min-width: 992px) {
  /* サイトヘッダーを透過にする（パソコンだけ） */
  body.home #site-header {
    background-color: rgba(0,0,0,0.35);
  }
  body.home.header_scrolled #site-header {
    background-color: rgba(0,0,0,0.5);
  }
  body.home:not(.header_scrolled) #site-header {
    position: absolute;
  }
}

注意

サイトヘッダーの透過背景を白にすると、以下の問題が生じるので要注意。

  • タブレットでサブメニューを開くボタン .vk-menu-acc .acc-btn が白いので見えなく（見づらく）なってしまう。
  • 検索ボタンも見づらくなってしまう。

→ 透過背景色を暗い色にするのがよい。