Q.スマホにて、トップページのプロジェクトのタイトルを表示したいです。
トップページのプロジェクトコンテンツはマウスオーバー時にタイトルが表示されるので、
スマホで表示時、タイトルが見えません。
マウスオーバーしていなくても表示できませんか?
A.可能です。カスタムCSSに追記してください。
外観>TCDテーマオプション>基本設定
にありますカスタムCSSに下記内容のどちらか片方を記述してください。
.mobile #project_list .title {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
background: rgba(255,255,255,0.4);
}
または、
.mobile #project_list .title {
position: static;
-webkit-transform: unset;
transform: unset;
min-height: 200px;
}
.mobile #project_list li:hover .title {
-webkit-transform: unset;
transform: unset;
}
お好みの方をお使いください。
また、高さや色など、お好みの色へ調整してください。
カスタマイズの際は必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!