[ 解決済 ] スライドショーの文字をスマホで見た時のみ消したい

[ajisai]

■ 利用テーマとバージョン :Katawaraバージョン: 1.1.3

■ 質問内容：
トップページスライドショーの文字を、スマホから見た時のみ消したいです。
検証で下記のCSSを記述してみたのですが、フロントページ(固定ページ)の内容ごとすべて消えてしまい、スライドショー内のコンテンツのみの指定がうまくできません。ご教授いただけましたら幸いです。

@media screen and (max-width: 768px){
.l-container {
display:none;
}
}

[ls-t]

こんにちは。

@media screen and (max-width: 768px){
.slide-text-title,
.slide-text-caption{
display:none;
}
}

ボタン以外のテキスト部はこれで消えるとおもいます。
ボタンも消したければ、上記CSSにボタンのクラス名を併記してみてください。

[ajisai]

ありがとうございます！きれいにできました！

[投稿者]

投稿