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; }
お好みの方をお使いください。
また、高さや色など、お好みの色へ調整してください。
カスタマイズの際は必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!