[mayu]

いつもお世話になっております。
質問させてください。

【お使いの Snow Monkey のバージョン】12.1.0
【お使いの Snow Monkey Blocks のバージョン】10.0.0
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chrome
【当該サイトのURL】

### 実現したいこと

お知らせバーのすぐ下あたりに画像を固定したいです。

### 発生している問題

任意の位置に固定出来ない。

### 試したこと

セクションの下にカスタムHTMLで下記のコードを書いています。

追加CSSでは下記のように書いています。

img#shopicon {
  width:15%;
  position: fixed;
  top:0;
  right: 0;
  z-index: 1050;
}

topを0にした場合は画像の薄ピンク色の四角のように、画面の上にぴったり付きますが、０以外だと任意の位置に付きません。（画像が見にくくてすみません。）

今回、お知らせバーのすぐ下あたりに配置したいです。

お忙しいところ大変恐縮ですが、教えていただけますと幸いです。

♥ 0

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

[mayu]

カスタムHTMLが消えていたので、追記致します。

宜しくお願いいたします。

♥ 0

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

[mayu]

解決しましたので、トピックを閉じます。

♥ 0

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

[キタジマ タカシ]

position: fixed; は基準が要素ではなくて画面になるので top: 0 だと画面上に張り付きますね。
他のユーザーさんが同じことで悩んでいる場合の参考にもなるので、良かったらどうやって解決したか書き込んでいただけると嬉しいです！

♥ 0

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

[mayu]

はい！承知しました。

これが正しいのか分かりませんが、以下のように追加CSSに書くことで思い通りの場所に配置することが出来ました。

img#shopicon {
  position: fixed;
  top: 220px;
  right: 0;
  z-index: 9999;
  width: 15%;
  margin: 0 0 0;
}

♥ 1

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

[投稿者]

投稿