FLOWのテーマテンプレート内の Rich text のテキストがスマホビューでふちギリギリまで改行されずに表示される。

FLOWのテーマになるのですが、テーマテンプレート内の Rich text のテキストがスマホビューで見た時にふちギリギリまで表示されます。image with text など他のセクションでは適切に改行されてRich textだけふちギリギリまで表示されるのは原因はなんなんでしょうか…。

1 Like

質問拝見しました。

テンプレのセクションを追加する時デフォルトだと余白がつくようにcssが予め設定されております。

なので、

今回だとデフォルトでwrapper-paddedクラスにpaddingが付与されているはずですが、そのセクションのみ何かの影響でpaddingが上書きされているのかと思われます。

ご参考までにしていただければ幸いです。

お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

1 Like

本来ならwrapper-paddedというクラスでpadding(周りの余白)が15pxで指定されていますが、意図せずほかのスタイルが当たって上書きされている状況ですね。

カスタムCSS、style.css、Liquidファイル等でスタイルをいじったと思いますがその個所を見直してみてください。

・wrapper-paddedを変えたのであればもとに戻す(padding: 0 15px;に戻す)

・padding: 0 0; もしくはpadding: 0;のように修正した箇所があればそこをもとに戻してみる

いずれかの方法で直るかと。

1 Like