TCDテーマAGENT：スマホ・タブレット表示のトップページの見出しの高さを変更する方法

Q.スマホ・タブレットの表示で、トップページの第３ブロック、第４ブロックの見出しとサブコピーの文字数が多くなると文字が見えなくなってしまいます。

A.下記、変更方法です。

トップページ内すべての見出しとサブコピーの半透明の帯部分の高さを変更する方法をご紹介します。
外観＞TCDテーマオプション＞基本設定のカスタムCSSに下記を入力下さい。

@media screen and (max-width: 479px) {
.separator .title { height: 90px; } /* スマホ */
}
@media only screen and (max-width: 1200px) {
.separator .title { height: 120px; } /* タブレット */
}

※height:の数値は適宜ご変更ください。