[naoki_uno]

【お使いの Snow Monkey のバージョン】バージョン: 14.2.2
【お使いの Snow Monkey Blocks のバージョン】バージョン 11.4.1
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.6
【お使いのブラウザ】Chrome
【当該サイトのURL】http://test.good-design.work/top/photo/（テスト環境）

### 実現したいこと

イメージはこちらのサイト（https://www.masashinakata.com/）なんですが、PCでヘッダーレイアウトを左に設定したときに、固定オーバーレイ表示にして全画面でスライダーが表示されるようにしたいです。

わかる方いましたら教えていただけますと幸いです。

♥ 0

いいねをした人: 居ません

[GONSY]

カスタマイズフォーラムなので、ご自身で試されたことも書かれたほうが良いと思います！
「こうやってみたけど、結果がこれで、ほかにアイディアはありますか？」のほうが、回答が得られやすいと思います。

TKS FOTO 木嶋健

test.good-design.work

こちらのテストサイトをデベロッパーツールでCSSのみ調整しましたが、こんなイメージを想定されているのでしょうか？
そんなに難しくなく再現できる気がします。

ここで得られたヒントから、自身で実現できたときの感動はなかなか良い体験になります♪

♥ 5

いいねをした人:

[naoki_uno]

ご指摘ありがとうございます！以後気を付けます！

検証ツールでclass名を確認し、

.l-header.l-header--left.l-header--sticky-overlay-colored-sm{
  background : none;
}

を追加したのですが、それだけだと画面いっぱいに広がらずで、

.slide-image{
  width: 100vw;
  height: 100vh;
}

を入れてみたのですがうまくいかず…
ちょうどご提示いただいているようなイメージを想定しております。

おそらく私の知識不足が原因なので自分で解決します！
ご回答ありがとうございました。

♥ 1

いいねをした人:

[投稿者]

投稿