【RWD】スマホではアコーディオンボタンに変える時Topics

スニペット集

ブローバルナビなどを、スマホサイズではアコーディオンボタンに変える時がよくあります。

その時にちょっと困ったことが。。。

スマホサイズでナビ部分を操作した後、ブラウザ画面を広げた場合にヘッダーのナビ部分などが消えたままになってしまいます(空白のままになる)。

原因

JSでナビに設定した「display:none」がhtmlに直接ついたままになってしまうから。

解決法

「!important」でdisplay:blockにする

[css]@media print ,screen and (min-width:641px) {
.header .gNavi ul{display:block !important}
.header .contactlist ul{display:block !important}
}[/css]