Easy Footer テーマコンポーネントにより、モバイルビューでテキストの折り返しが壊れています

https://community.drownedinsound.com/ では、ここ数時間でサイトの折り返しがなくなり、その他にも奇妙なUIの動作が発生しています。これはモバイル表示でのみ発生しています。

同様の動作について不満を述べている人がいるスレッドがいくつかありますので、これは私固有の問題ではありません。
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

投稿時間からわかるように、これは約12時間前、つまり2022年5月8日20:30(CEST)に発生し始めました。

「いいね!」 1

こんにちは。

これは Easy Responsive Footer が原因のようです。
コンポーネントには #main-outlet という CSS 行があり、これが原因です。

テーマコンポーネントのトピックでも、この問題に関する別の報告があります。


修正されるまで、この応急処置を使用できます。
/admin/customize/themes に移動し、新しいコンポーネントを作成します。
モバイルセクション CSS をクリックし、以下を追加します。

#main-outlet {
  width: 100%;
  max-width: 100%;
}

「いいね!」 7

投稿を更新しました。max-widthを上書きするのを忘れました。@ma0sm@AquaL1te

「いいね!」 3

こんにちは。ありがとうございます。しかし、管理者設定でクイック修正を適用しようとすると、このメッセージが表示されます。

Discourseではリモートテーマの編集は無効になっています。カスタムされたリモートテーマをローカルテーマに移行する支援が必要な場合は、お問い合わせください。

ですので、この件については皆様のヘルプが必要なようです :slight_smile:

「いいね!」 2

新しいテーマコンポーネントを追加し、追加のコードスニペットを挿入します。:+1:

  • /admin/customize/themes に移動します。
  • インストールをクリックし、次に新規作成をクリックします。
  • 名前を付け、「コンポーネント」を選択します。
  • 作成
  • テーマに追加します。
  • CSS/HTMLの編集ボタンをクリックし、モバイルタブのCSSフィールドにコードを貼り付けます。
  • そして保存
「いいね!」 4

ありがとうございます!これでうまくいったようです!:grin:

「いいね!」 3

いいですね!迅速なご対応ありがとうございます!

ただ、以前よりもパディングが多いように思いますが、これは完全な修正が適用されると解決されるのでしょうか?

「いいね!」 1

広告がモバイル幅に適合していないためだと思います。Easy responsive footer と、以前投稿したスニペットで作成した他のコンポーネントを無効にしてみてください。広告による問題なのか、それ以外なのかを確認するために。

解決策が見つかったと思います。:thinking:

以前作成したのと同じ新しいコンポーネントに、これを追加して動作を確認していただけますか?以前のスニペットの下に貼り付けてください @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
「いいね!」 5

ありがとうございます、これで解決したようです!

「いいね!」 3

easy footer に修正を追加しました

「いいね!」 5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.