Childcare ワードプレス子テーマ作成 CSS変更メモ

ワードプレス教室でのホームページ作成レッスン

Childcareの子テーマを作成して、サイト作成中。

ナビゲーションメニューの表示変更のご要望、次のCSSを作成しstyle.cssに追加。

.navbar-nav > li:last-child {
background-image: url(http://xxxxxx.com/wp/wp-content/uploads/2018/01/黄色バナー.png);
width:365px;
float:right;
text-indent:-9999px;
background-repeat: no-repeat;
background-color: transparent;
margin-right: 24px;
margin-top: 4px;
}
@media only screen and (max-width: 480px) and (min-width: 200px) {
.navbar-nav > li:last-child {
max-width:343px;
margin-right: 0px;
margin-top: 0px;
background-size: contain;
}
}

About the author: 横浜ワードプレス教室 鎌田裕二