Q.ヘッダーロゴとフッターロゴのサイズを均一にしたいのですが?
スマホで閲覧時にヘッダーロゴは小さく、フッターのロゴは大きく表示されてしまいます。どこか設定でロゴサイズを均一に表示させる方法はありませんか?
A.下記のphpファイルの該当箇所を編集します
当テーマでは、ヘッダー部分には設定されているリサイズ調整が、フッターには施されていませんが、下記ファイルをヘッダー部の設定と同じように記述することでリサイズが適用されます。
編集するファイル:mobile/style-mobile.css
編集する箇所:
ヘッダ部
#logo_image img { max-width:100px; height:auto; display:block; margin:0 auto; }
フッタ部
#footer_logo_image img { display:block; margin:0 auto; }
↓
#footer_logo_image img { max-width:100px; height:auto; display:block; margin:0 auto; }
※max-widthの値は任意に調整ください。
また、上記はワードプレスから直接編集ができないファイルです。
格納場所はテーマフォルダ内のmobileフォルダの中のstyle-mobile.cssになります。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!