[稲妻哲郎]

【お使いの Snow Monkey のバージョン】14.3.5

【お使いの Snow Monkey Blocks のバージョン】11.4.1

【お使いの Snow Monkey Editor のバージョン】5.0.6

【お使いのブラウザ】クローム
【当該サイトのURL】https://vicky333.com/peace_place/

### 実現したいこと

スマホ表示時のタイトル文字サイズを小さくしたい

『常に柔軟で前向きな気持ちと、
笑いの絶えない毎日をコンセプトにしています』

### 発生している問題

スマホだと画像内文字とかぶってしまう

### 試したこと

検証でクラスを確認し追加CSSをしたが反応しない

 

どうぞよろしくお願い致します。

♥ 0

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

[GONSY]

該当サイトのソースコードを拝見しました。
カスタマイズで追加されているCSSのmax-width 768pxに:が入っていないようです。

@media(max-width 768px) {
.smb-section__title {
		font-size:16px;
	}
}

♥ 0

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

[稲妻哲郎]

ご回答ありがとうございました。

挿入したのですが変化がございませんでした。

当てるクラスが間違っているのでしょうか。

♥ 0

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

[キタジマ タカシ]

Snow Monkey Editor で文字サイズを大きくする設定をされているため、それが優先されているようです。その文字サイズ設定を解除してすべて追加 CSS で対応するか、そのままであれば

@media(max-width 768px) {
  .smb-section__title .sme-font-size.has-huge-font-size {
    font-size: 16px !important;
  }
}

のように詳細度を強めにする必要がありますね。

♥ 1

いいねをした人:

[稲妻哲郎]

返信が遅くなりすいません。

ありがとうございました。

♥ 1

いいねをした人:

[投稿者]

投稿