ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマGENESIS:メガメニュー「サービス記事」の表示文字数を増やす方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.メガメニュー「サービス記事」で記事タイトルが改行されてしまいます。

この箇所ではテーマ側でもウィンドウサイズによってフォントサイズを調整していますが、それでも文字数によっては改行されることがあるかと思います。

▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご対応ください。

いずれも、TCDテーマ>基本設定のカスタムCSSに入力して表示をご確認ください。

・表示領域(横幅)を拡げる

.megamenu_b .post_list { padding: 35px 20px 55px; }
.megamenu_b .title_area { padding: 0 20px; }

「20px」部分で左右余白を調整しています。デフォルトは50pxなので、バランスをみてこれより少ない数値を設定してみてください。上記記述では、サービスカテゴリー部分の表示位置も調整しています。

・文字サイズを調整する

.megamenu_b .post_list .arrow_link { font-size: 95%; }

表示領域の調整だけでは対応できない場合は、上記の記述を追加して文字サイズを小さくすることでの対応をお試しください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事