[ 解決済 ] Firefoxのみレイアウトが崩れる

[saka]

■ WordPress のバージョン
6.8.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.29.6

■ Pro Unit のバージョン
0.29.4

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
ほっと一息～心よりお待ちしております。の文字をセンターに来るようにしたい

■ 自分で試した事
プラグインの停止

■ 症状が発生するブラウザ
Firefox

■ 実際の症状
管理ID　11267
ほっと一息からの文章が昨日まではちゃんとセンターに来ていましたが、今日確認するとFirefoxのみレイアウトがおかしくなり左よりになってしまいます。
他のブラウザ（Chrome、Edge、Opera）はセンター位置に来るのを確認済み。

[対馬 俊彦]

アニメーションブロックの直下のグループブロックの カスタム CSS に以下のコードを書けば、
Firefox でも中央に配置されます。

selector {
  display: flex;
}

添付画像をご参照ください。

Attachments:

You must be logged in to view attached files.

[saka]

やってみましたがレイアウトは崩れたままです

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

私の Lightning サイトでは提示した CSS で解決しました。

可能であれば、そのページの URL を共有してもらえばなにかわかるかもしれません。

[saka]

HOME

こちらのサイトのトップページでほっと一息からをベースにしたものを使用しているのですがうまくできません
またもともとのサイトを開いてもその時点でズレているのです

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

空の段落ブロックがあるのが原因です。
その段落ブロックを削除すればうまくいくと思います。

Attachments:

You must be logged in to view attached files.

[saka]

空の段落ブロックを削除したら中心になりました。
ありがとうございます。

[投稿者]

投稿