ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

スマホでTCDテーマSWEETYを表示した際のロゴの調整方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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になります。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事