レスポンシブテストは正常なのに、スマホで見るとCSSが効かない - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/ Cocoon ディスカッション掲示板 ja Sun, 14 Jun 2026 03:48:09 +0000 wpForo 60 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29210 Wed, 04 Mar 2020 01:25:40 +0000 指を怪我して、数ヶ月間整体に通っていたのですが・・

このフォーラムにも使われているボックスメニュー。

ウィジェットもあるみたいです。

「ボックスメニュー」ウィジェットの使い方

]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29210 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29209 Wed, 04 Mar 2020 01:03:55 +0000 お二方コメントありがとうございました。OS起因ならどうしようもないですね。

wordpressなしのローカルHTMLでためしても同症状だったので上記理由に納得です。デザイン変えます(・・;)

助言感謝致します！

 

]]> CSSカスタマイズ相談 saklabb https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29209 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29208 Wed, 04 Mar 2020 01:03:39 +0000 お二方コメントありがとうございました。OS起因ならどうしようもないですね。

wordpressなしのローカルHTMLでためしても同症状だったので上記理由に納得です。デザイン変えます(・・;)

助言感謝致します！

 

]]> CSSカスタマイズ相談 saklabb https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29208 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29192 Tue, 03 Mar 2020 13:02:22 +0000

ご自身で直せそうなので、コメントは、これだけにしますね

と思ったのもつかの間、こんな落とし穴が・・

background:fixedでの背景固定はiOS（iPhone）でうまく動かないのでこれを使いましょう

でも、整体院って、手が不自由な方も利用されたりするんですよね。

背景固定、要るのかなぁ・・

 

]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29192 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29185 Tue, 03 Mar 2020 12:11:31 +0000 たぶん、以下のサイトのようなイメージで作成されているのだと推測しますが・・

超簡単！スクロールしても背景画像を固定させるCSSテクニック

 

CSSが、「外観」→「カスタマイズ」→「追加CSS」に書かれていたり、子テーマのCSSに書かれていたりしているので、ご自分でも収集がつかなくなっちゃってるのかなと思いました。

背景画像の固定って、私もやったことないんですけど、カッコイイですよね。

 

そうですね、私だったら、まず、バラバラのCSSを整理するような気がします。

もしかしたら、どこかのメディアクエリが邪魔しちゃってるかもしれないし・・

全部子テーマのCSSに書くと、何か不都合があったりするのか、わかりませんけども。

 

あと、Cocoonのデフォルトのデザインって、けっこう使い易く工夫されているんです。

訪問してくださる方が使い易いのが一番なのかなぁと独り言を言ってみます。

 

ご自身で直せそうなので、コメントは、これだけにしますね。ではでは。

 

 

]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29185 RE: レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29179 Tue, 03 Mar 2020 11:00:54 +0000 そもそもスマホでの表示は添付画像のような感じで良いのでしょうか。

また、僕は作成者ではないので、どの部分がおかしいのかはわかりません。
出来ればスクリーンショット画像などを添えて、もう少し詳しくどの部分がおかしいのか説明していただけると助かります。
出来れば、レスポンシブテストでの正しい表示と、違うと思った表示二種類添付していただけると助かります。

ただ、サポート対象外のものにもありますように、独自カスタマイズが原因の場合は、サポートの対象外となるケースもありますので、ご了承ください。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29179 レスポンシブテストは正常なのに、スマホで見るとCSSが効かない https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29170 Tue, 03 Mar 2020 10:05:32 +0000 このトップページの背景なのですが、CSSでfixed にしているにですが、スマホで見ると全然反映されていないんです。。

pc -chromeでは画面サイズ変えたり、レスポンシブテストでも特に異常は見当たらないんですが、いざスマホで見ると全然ダメです。(Safari、Googleで確認)

ちなみに該当にCSS部分は一部レスポンシブ表記で基本そのまま書いてます。

pcから検証で見ても特にどこが悪いのかがわからずで、どなたかお助けください(＞人＜;)

 

ページURL

https://Kurume-haricare.com/

]]> CSSカスタマイズ相談 saklabb https://wp-cocoon.com/community/customs/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%86%e3%82%b9%e3%83%88%e3%81%af%e6%ad%a3%e5%b8%b8%e3%81%aa%e3%81%ae%e3%81%ab%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a6%8b%e3%82%8b/#post-29170