元施工管理のブログノウハウ

【AFFINGER5】ヘッダーメニューの横幅が100%にならないときの対処法

AFFINGER5のヘッダーメニューの横幅を100%にする方法とならないときの対処法
AFFINGER5ヘッダーメニューの横幅をいっぱいにしたい。

横幅100%にするをチェックしても、いっぱいにならなくて困ってるんですけど。

こんな悩みにお答えします。

 

この記事の内容

  • メニューの横幅を100%にするにチェック
  • ならない場合はサイト背景色の指定をはずす

 

よこりょー
私もこれには悩みましたので共有しますね。

 

CSSの編集なども全く不要でした。

 

2分で終わるので早速はじめていきましょう。

 

Sponsored Link

AFFINGER5(アフィンガー5)のヘッダーメニューの横幅を100%にする

アフィンガー5のヘッダーメニューを横幅いっぱいにしていきましょう。

 

「外観」⇒「カスタマイズ」から始めます。

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合は外観カスタマイズから

 

「メニューのカラー設定」をクリック

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合は外観カスタマイズからメニューのカラー設定をクリック

 

「PCヘッダーメニュー」をクリック

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合は外観カスタマイズのメニューのカラー設定からPCヘッダーメニューをクリック

 

「メニューの横幅を100%にする」にチェックを入れます。

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合はメニューを横幅を100%にするにチェック

 

これで横幅いっぱいになればOKです。

 

AFFINGER5(アフィンガー5)のメニューの横幅を100%にならない場合

上記をやってもメニューの横幅が100%にならないときがあります。

 

よこりょー
これに私は困りました。

 

これには原因があって、「サイト背景色」を設定してしまっていると100%になってくれません。

 

指定をクリアしていきましょう。

 

「外観」⇒「カスタマイズ」⇒「基本エリア設定」

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合は外観カスタマイズから基本エリア設定をクリック

 

「背景色」をクリック

AFFINGER5のメニューバーを横幅いっぱいに表示したい場合は基本エリア設定の中の背景色をクリック

 

このなかの「サイト背景色」

AFFINGER5のメニューバーを横幅いっぱいに表示されない場合はサイト背景色が指定されています

 

色の指定があったらこのように100%の横幅になりません。

 

これをクリアすると...

AFFINGER5のメニューバーを横幅いっぱいに表示されない場合はサイト背景色をクリアするとメニューは100%の横幅で表示されます

 

無事、100%になりました。

 

 

【AFFINGER5】メニューの横幅が100%にならないときの対処法|まとめ

この記事を要約します。

 

ヘッダーメニューを横幅100%にする方法

  1. 「メニューの横幅を100%にする」にチェック
  2. 「サイト背景色」の指定をはずす

以上です。

 

もしAFFINGER5で他にもお困りごとがあればこちらもどうぞ

  • この記事を書いた人

よこりょー

ビルキャリは「ゆとり」を叶えるキャリア思考法・転職ノウハウを発信しています。転職3回で年収は4倍に(240万⇒960万)【経歴】大卒で大工 ▶︎ 挫折し1年ニート ▶︎ 施工管理(社内最年少所長) ▶︎ 財閥デベ(技術職主任) ▶︎ 某日系大手金融の技術職 ◇苦労の先にある「新しい生活」を知ってもらうためにブログを書いています。

-元施工管理のブログノウハウ
-,

© 2020 ビルキャリ Powered by AFFINGER5