質問: ### 前提・実現したいこと こんにちは、ワードプレスでサイトを作成して1ヶ月半程の初心者です。 はじめて質問させていただきます。 WordPress (バージョン:4.8) テーマはストーク(バージョン: 1.1.2)を使用中です。 https://open-cage.com/stork/ 固定ページを1カラムに設定してPCで見たときに、記事の横幅がすごく広くなります。 記事の幅をPC版のみ調整したいのですが、どうするのが最適でしょうか?教えてください。 自分なりに色々調べて、子テーマのstyle.cssに下記の様に加筆をしましたが、当然ながらスマホから見た場合も狭くなってしまいます。 スマホから見たときはそのまま(100%)で、PCで見たときだけ狭くする方法を教えてください。 ぜひ、ご教授よろしくお願いします。 ### 発生している問題・エラーメッセージ ``` エラーメッセージ ``` ### 該当のソースコード .page-full #main{ max-width: 80%; } ### 試したこと 上記の通りです。 ### 補足情報(言語/FW/ツール等のバージョンなど) WordPress (バージョン:4.8) テーマはストーク(バージョン: 1.1.2)を使用中です。
回答: 有料テーマなのでデモでしか確認していませんが、下記のようなCSSが記述されているため、カスタマイズなどの際にHTMLの構造を崩してしまったりしてませんか? ``` .page-full #main { width: 798px; max-width: 100%; margin: auto; float: none; } ``` 【テンプレート: 先頭固定表示 | STORK】 CSSの確認/調整はデベロッパーツールを使うとはかどります。 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】 【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】 【第1回 詳説:デベロッパーツールの使い方:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp ... 技術評論社】