BizvektorでPCの時だけ背景画像を左右だけに表示する

 

Bizvektorというwordpressテーマのカスタマイズについてです。

www.nishi2002.com

 

上のページを参考にして、コードをCSSカスタマイズにコピペすると、

スマホでHPを見た場合でも横幅が固定されてしまい、

スマホ用の表示になりませんでした。

 

 

そこで横幅が一定以上の場合だけ有効とすれば良さそうなので、

@media (min-width: 970px){

}

の中に上のコードを入れることでPC表示の時だけ有効にできそうです。

 

/* 共通の背景色を設定 */
body.custom-background,
#main,
#header {
background-color:#fff;
}

/* mainの幅を設定 */
@media (min-width: 970px)
{
#main {
width: 910px;
padding: 0px 20px;
}

/* サイドバーを左に */
#main #container #sideTower {
margin-right:30px;
}
}

このようにすると、PC表示の時だけ背景画像表示になりました。