■ヘッダー下 TOPのメニューを左へ
子テーマstyle.cssで
/* Primary Navigation */
.primary-navigation {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 24px;
position: absolute;
left: 30px;
}
の赤字部分を追加すれば、メニューは左端へにいくけどブラウザ幅を縮めるとメニューがうまく表示されなく、デザイン的に破たんする。
11.0 Media Queries 以降の調整が必要だが、めんどくさいのでもとに戻す。
■ヘッダー下にレスポンシブバナー
.centerad{
text-align: center;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left : auto ;/*—–IE用—–*/
margin-right : auto ;/*—–IE用—–*/
}
をstyle.cssに追加 ※どこでもいいぽい
その後、子テーマ内 header.php の一番下に
<div class=”centerad”>
(ここにアドセンスコードを入れる)
</div>
を追加。
バナーまわりの余白が黄色なのを白くするのはstyle.cssの
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
を
mark,
ins {
background: #fff;
text-decoration: none;
}
に変更。
※あくまで素人のメモですので、動作の補償はいたしかねます。
テーマ編集はバックアップをとってから、楽しく行いましょう。