[桑原佑輔]

【お使いの Snow Monkey のバージョン】
バージョン: 15.16.0
【お使いの Snow Monkey Blocks のバージョン】
バージョン 13.4.0
【お使いの Snow Monkey Editor のバージョン】
バージョン 6.2.1
【お使いのブラウザ】
Safari
【当該サイトのURL】

J‘s SPORTS BODY

千葉駅前の会員制コンディショニングジム、J`s SPORTS BODY(ジェーズスポーツボディー)です。プロのトレーナーが医学的根拠や最新の機器をもとにコンディショニング・トレ…

js-sportsbody.jp

### 実現したいこと

フッターの文字の大きさをPCは22px のまま、スマホは12px 程度にする。

 

### 発生している問題

PCだとスマホの文字の大きさが程よいのですが、スマホで見ると大きすぎる状況になってしまいます。

PC

スマホ

### 試したこと

レスポンシブ設定を自分自身でしようと試みましたが自分ではできませんでした🙇‍♂️

♥ 0

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

[キタジマ タカシ]

Snow Monkey Editor の書式設定でフォントサイズを22pxにしていると思いますが、それだと調整しにくいので一旦それは消していただいて、下記の CSS を追加することで実現できます。

.l-footer {
  font-size: 12px;
}

@media (min-width: 640px) {
  .l-footer {
    font-size: 22px;
  }
}

♥ 0

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

[桑原佑輔]

キタジマ様

 

教えていただいた、CSSを追加CSSに入れてみましたが反応していない様子です。PCもスマホもデフォルトの文字の大きさのままになってしまいました💦

♥ 0

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

[キタジマ タカシ]

Snow Monkey Editor の書式設定がまだ残っているようです。フッター部分で Snow Monkey Editor の書式設定でフォントサイズを指定しているものはすべて外してください！

♥ 0

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

[桑原佑輔]

キタジマさん

何度もありがとうございます・・・！
フッター内の全ての文字サイズの設定が外れているとは思うのですが

変わらずでした・・・・汗

他に考えれる要因はありますでしょうか。

お時間取れせてしまい恐縮です。

 

♥ 0

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

[キタジマ タカシ]

んー、なんででしょうね…。デベロッパーツールで確認すると外れてないみたいです。

Snow Monkey Editor のバグの可能性もあるので、一度文字を消して、再度入力し直すのが確実かもしれません。

♥ 0

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

[桑原佑輔]

キタジマ様

打ち直してみましたが、うまくいきませんでした😅

他に考えれる可能性などありますでしょうか？
何度も恐縮です・・・

♥ 0

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

[キタジマ タカシ]

Snow Monkey Editor の書式はちゃんと消えているようです。

CSS の詳細度の問題だと思うので、下記のように書き換えてみてもらえますか？

.l-footer,
.l-footer .c-widget {
  font-size: 12px;
}

@media (min-width: 640px) {
  .l-footer,
  .l-footer .c-widget {
    font-size: 22px;
  }
}

♥ 0

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

[桑原佑輔]

できました！ありがとうございます。
とても助かりました。感動です。

お手数をおかけしました！！

♥ 0

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

[キタジマ タカシ]

解決できてよかったです！解決済みの場合はトピックを閉じていただけると助かります。今回はこちらで閉じておきますね。

♥ 0

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

[投稿者]

投稿