[ 解決済 ] 固定ページにてOuterブロックをヘッダー固定したい

CSSで調整する形になると思います。

とりあえずはブロックのカスタムCSSに記述する書き方で紹介します。

OuterブロックのカスタムCSSに以下のCSSをコピペすると、固定されます。
下のメインビジュアルとヘッダーが重なりますので、画像を調整するなどしてみてください。

selector{
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
margin:0 auto;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
} 

CSSについてはコチラを参考にしてみてください
https://www.vektor-inc.co.jp/post/wordpress-css-customize-2020/

確認しました。書き直しましたのでご確認ください。

【修正したところ】
OuterブロックのCSSに、positionが打ち消されてしまうようでしたので、!important　をつけました。
管理画面が編集しづらくなるため、管理画面用のCSSも追加しました。
※管理画面用のCSSもフロントに表示されますので、消したい場合は、管理画面部分の表記は削除していただいて大丈夫です。（編集はしずらくなります）

selector{
position: fixed !important;
left: 0;
top: 0;
width: 100%;
z-index: 10;
margin:0 auto;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
} 

/*管理画面が編集しずらいので追加*/
.editor-styles-wrapper selector{
position: relative !important;
}

• この返信は1年、 8ヶ月前にうなこが編集しました。

画像のブロック余白を使いましたが、スマホではバッチリでもPCだと崩れてしまいました。

【余白で調整する場合】
画像のブロックの余白ではなく、レスポンシブスペーサーブロックを配置して、余白の設定は「カスタマイズ」にして、それぞれPC、タブレット、スマホで余白の数値を設置するのはいかがでしょうか。

レスポンシブスペーサー

【画像を調整する場合】
画像自体を調整して（上に余白を作る）、PC用とスマホ用と準備して、非表示機能でだし分ける方法もあります