pcとスマホで表示が異なるが、cssのどこでその指定をしているのか教えて欲しいです。

Question

前回と同じwordpressのテーマsimple catchにて、
pcとスマホでの表示が違って(サイトトップの投稿一覧における横幅)いるのですが、それがcssのどこで具体的に指定されているのか教えて欲しいです。
よろしくお願いしますm(_ _)m

サイトはこちらになります→elegant-note.com

Answer 1

/simple-catch/css/responsive.cssに@media screen and (max-width: 〇〇〇px)ってあると思いますが、この部分で画面幅によってコンテンツの表示方法を変えてます。

Comments

[takoyuki]

素早いご回答ありがとうございます。見てみたのですが、@media で検索をかけたところPrintという項目でのみ表記がありました。これは違いますよね？
画像を見ていただければ、と思います。

[退会済みユーザー]

よく見てください。style.cssではなく"responsive.css"です。

[takoyuki]

すみません。それがどこにあるのか分からないです(><)

[退会済みユーザー]

WordPressのテーマの編集では多分見れないと思います。また、その機能は使わない方が良いです。
CSSなら失敗しても再編集可能ですが、PHPの編集を失敗した場合には画面真っ白で管理画面にログインできなくなったりします。

XSERVERならFTPSでもSSHでも使えるのでクライアントソフトを使ってファイルの編集、転送を行うのが良いですが、難しいのが嫌な場合はXSERVERのファイルマネージャーを使えばまだ簡単ではないかと思います。
https://www.xserver.ne.jp/login_file.php

どの方法を使うにしてもファイルのバックアップを取った状態で行ってください。そうすれば失敗しても簡単に元に戻せるので。

[takoyuki]

とても詳しく、ありがとうございます。
時間があるときにファイルマネージャーを使った方法を試してみたいと思います。