なぜかSANGOのトップページは、記事一覧などに比べトップページが狭いので、同じ幅になるようCSSを追加。
2分割ヘッダーアイキャッチを表示する場合も同じ幅になるように調整。
編集する場所[外観]-[カスタマイズ]-[追加CSS]
以下のコードをCSS追加する。
/*SANGOのサイドバーの横幅を広くするカスタマイズ*/ @media only screen and (min-width: 1230px) { .wrap { width: 1200px; } .d-5of7 { width: 70%;/*メインコンテンツ幅(デフォルト69%)*/ } .d-2of7 { width: 30%;/*サイドバー幅(デフォルト31%)*/ } .header--center .desktop-nav li a { padding: 18px 15px 18px; font-size: 24px; /* メニューの文字の大きさ */ } /*END SANGOのサイドバーの横幅を広くするカスタマイズ*/ /* 幅を広くした場合の2分割ヘッダーアイキャッチの幅も大きくする */ #divheader.maximg { max-width: 1200px; }
コードはこちらを参考にしています。
今回は、Twitterで質問があった「SANGOのサイドバーの横幅の広さを変更する方法」についてまとめておきま