[ksweb]

お世話になっております。
質問をさせて頂きます。

【お使いの Snow Monkey のバージョン】 13.2.3
【お使いの Snow Monkey Blocks のバージョン】 11.0.0
【お使いの Snow Monkey Editor のバージョン】 5.0.0
【お使いのブラウザ】 Google
【当該サイトのURL】

### 実現したいこと

スマホでのタイトルの大きさを変更したい

### 発生している問題

大きさが変わらない

### 試したこと

他の方が同じような質問をされていたので、
下記を試してみましたが反映されませんでした。

@media screen and (max-width: 480px) {
  .c-entry__title {
    font-size: 20px !important;
  }
}

style に40pxが入ってしまっているので、こちらをスマホ表示の時は
変えたいです。
お忙しい所大変申し訳ございませんが、宜しくお願い申し上げます。

♥ 0

いいねをした人: 居ません

[Olein_jp]

styleに40pxが入ってしまっているので

ソースコードを拝見できていないので断定はできませんが、変更されたい箇所に別途フォントサイズなどを指定していることによって、インライン要素にてスタイルが当たってしまっていると考えられます。

その場合、インライン要素に記述されている原因を解除した上で、

.c-entry__title {
  font-size: 20px;
}
@media ( min-width: 64em ) {
  .c-entry__title {
    font-size: 40px; // PCで40pxにしたいという想定
  }
}

とするとうまくいきそうな気がしますがいかがでしょうか。

♥ 1

いいねをした人: 居ません

[ksweb]

ご返信ありがとうございます。
style40pxを解除し、上記のコードを入れたら解決できました。
ありがとうございました。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿