ナレッジ
Myページ

ナレッジ・ベース

- 公開 -
リクエスト

このナレッジは次のリクエストに応じ投稿されました

吹き出しがあるページをスマートフォンで見る時に横幅がおかしくなる

スマートフォンで横幅が広くなり左右にガタガタしてしまいます。

吹き出しがない投稿や、吹き出しが左にある時では問題ありません。右側に吹き出しがある時にレイアウトが崩れると思います。

通知設定
通知
guest
0 コメント
古い順
新着順
Inline Feedbacks
View all comments
リクエスト
編集中
修正依頼
有効
精査中
無効
issue&solution, HowTo
Word Balloonアバター右配置時にスマホで横揺れするのを防止する方法
2022-05-12
UITS_尾藤

issue

Word Balloonのスライドイン要素分がはみ出てレイアウトを崩します。この問題はテーマに依存するためプラグイン提供側では解決をサポートしていません。

solution

テーマのCSSにはみ出たスライドイン要素を非表示とするCSSを追記。

以下はAstraの場合。テーマが変わればコンテンツエリア構造やIDが変わるためそれに応じたCSSを追記する。

/* AstraでのWordballoonスマホで横揺れ防止 */
#content{
    overflow-x: hidden;
}
 








使

植田屋ITソリューション - 急募
修正依頼
修正依頼はありません

当記事に誤りや不足がございましたでしょうか。
ご指摘いただけますと幸いです。よろしくお願いいたします。

タイトル *
内容 *
修正が必要な箇所やその理由などをお伝えください
  • 修正依頼のタイトル及び内容は公開されます。
  • タイトル及び内容は編集させていただく場合がございます。
  • 送信の内容に関しご連絡させていただく場合がございます。
  • 修正依頼への対応が意にそぐわない場合もございますこと予めご承知おきください。
0
Would love your thoughts, please comment.x