[shone]

【お使いの Snow Monkey のバージョン】19.1.4
【お使いの Snow Monkey Blocks のバージョン】18.1.4
【お使いの Snow Monkey Editor のバージョン】9.1.2
【お使いのブラウザ】chrome
【当該サイトのURL】

 

いつもお世話になっております。

現在「アコーディオン」ブロックを使用してQ&Aを作成しています。

このとき、いくつかの分類に沿ってそれぞれにクラスを与えて、「パネル」のタイトル部分の背景色を変更しています。

 

※たとえば下記のようなイメージです

 

.faq1 .smb-accordion__item__title {
background-color:
#D6EBEF;
}
.faq2 .smb-accordion__item__title {
background-color: #99CED7;
}

.faq3 .smb-accordion__item__title {
background-color: #C1E1E7;
}

.smb-accordion__item__title {
background-color: #6EB9C6;
}

 

上記のコードでPC時は問題なく色が変わるのですが、モバイル表示にした際に、背景色が適用されていないことに気がつきました。

特にメディアクエリで切り分けているということもないのですが…背景色を指定する場所が間違っていますでしょうか？

 

PC、モバイル（スマホ／タブレット）時両方で同じ色にしたいため、解決策ありましたらご教示いただけますと幸いです。

何卒よろしくお願いいたします。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらでも試してみたのですが、PC サイズでもモバイルサイズでも同じ色で表示されました。

そのページの URL を共有してもらうことはできますか？ あるいは、デベロッパーツールを開いた状態で、その色が変わっていない部分を選択し、どのような CSS が適用されているかがわかるスクショを共有してもらうことはできますか？

♥ 0

Who liked: No user

[shone]

＞キタジマさん

 

ご返信いただきありがとうございます。

今改めて確認したところメディアクエリの指定が入っており、直前の別のcssで入れ子が閉じられていなかったようでその後のFAQのcssまで画面サイズで判別されてしまっていたようです…！

 

お手数おかけしてしまい申し訳ございませんでした。

♥ 1

Who liked:

[投稿者]

投稿