2015-11-23
【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]