Q.下層ページ用ヘッダーロゴ画像に弊社ロゴマークを指定しておりますが、ロゴ全体が表示されません。表示させる方法をお教えください。
A.下記のphpファイルの該当箇所を編集します
①
カスタムCSSに下記を設定し、ロゴ部分の背景を伸ばしてください。
.pc #logo_image, .pc #logo_text { width: 300px; }
②
ロゴ画像に合わせて「style.css」内の
下記の「 max-width: 300px;」「min-width: 60px;」を調整ください。
.pc #logo_image h1 a { display: block; height: 60px; max-width: 300px; min-width: 60px; position: relative; text-align: center; width: auto; }
③
またそれに伴いグローバルメニューの表示が崩れてしまう場合には、
下記の「min-width: 150px; 」「width: 16%;」を調整ください。
.pc #global_menu > ul > li { box-sizing: border-box; display: inline-block; font-size: 1%; min-width: 150px; position: relative; text-align: center; width: 16%; }
尚、テーマファイルのカスタマイズについてはサポートの対象外となります。
万が一、カスタマイズによって不具合が生じましても弊社では責任を負いかねますのでご了承ください。
カスタマイズに際しては、必ずバックアップをご用意の上
お客様の責任において実施して頂きますようお願い申し上げます。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!