スマホでFAQを表示した場合の ヘッダー部分が崩れます
Q
スマホでFAQを表示した場合の ヘッダー部分が崩れます
A
会話カードのタイトルが長い場合(30字程度)に、スマホでFAQを表示した場合のヘッダー部分が崩れます。
以下2つのいずれかで対応してください。
<解決策>
1. 会話カードのタイトルを短くする
タイトルを短くすることで、表示崩れを防ぐことができます。
目安:30字以内
2. FAQ回答ページのヘッダーのタイトルを非表示に設定する
FAQのヘッダーのタイトルを非表示にするcssを管理画面左メニュー>FAQ>サイト基本情報>カスタム設定>footer(フッター)に追加して、 FAQに反映いただくことで、事象を解消することも可能です。
cssのテンプレートをご用意いたしましたので、必要に応じてご参考ください。
<cssテンプレ>
<style>
.faq-answer-page .faq-header {
display: none;
}
</style>
<設定箇所>
管理画面左メニュー「FAQ」>サイト基本情報>カスタム設定>footer (フッター)からCSSを追加していただくことで適用可能です。
※上記に記載されているcssテンプレート以外の形式については、動作保証の対象外となります。
上記Q&Aは参考になりましたか?