スマートフォンサイトで長いタイトルやリストを省略せずに表示する方法

CSM2でスマートフォンサイトにおいて、長いタイトルを使用した場合にヘッダー、リスト、ボタン等で文末を自動的に省略する仕様になっています。

これらを省略せずに表示する手順は以下のとおりです。

手順1.管理画面の「デザイン」→「テンプレートの編集」

手順2.「スマートフォン:トップページ」読み込み

手順3.</head> の直前に以下のスタイル(<style>から</style>まで)をコピーして貼付け
<style>
.ui-btn-text, .ui-li-desc,
.ui-header .ui-title,
.ui-content .ui-li-heading {
white-space: normal;
}
</style>

手順4.テンプレートを保存します。

手順5.「スマートフォン:カテゴリページ」「スマートフォン:記事ページ」のテンプレートにおいても同様にスタイルをコピペして保存します。


以上でスマートフォンサイトでタイトルが省略せずに表示されるようになります。