WordPressの「Lightning」でロゴのサイズを変更する

(備忘録程度のまとめ方にしております)

方法

1.ロゴ部分は <div class=navbar-brand img> なので


.navbar-brand img {
max-height: ●px;
}

としてサイズを変更する。

 

2.スマホなどでサイズを変更する場合は、以下のようなものを追加する。


@media (max-width: 991px) {
.siteHeader_logo{
padding:0px;
}
.navbar-brand img {
max-width:100%;
}
}

画像サイズだけ変更しても横幅が決まっているので、「.siteHeader_logo」で「padding」を変更してから画像サイズを決める。