WordPressテーマTCDのカスタマイズを研究するサイト

スマホ表示の際のヘッダーロゴとフッターロゴのサイズを調整する

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

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。