スライドメニュー「Sidr」にアイコンを追加 （レスポンシブ）
2015年2月28日
Categories | ホームページ
スライドメニュー「Sidr」の最終カスタマイズ。
closeにだけですが、アイコンを追加しました。
スライドメニューを開いた時、どのボタンで閉じるか戸惑いそうなので、
アイコン追加して目立たせた。どっかのサイトから貰っていたアイコンをSidr用に加工。
必要ならばコピペして使って下さい。
参考まで（CSS）
1 2 3 4 5 6 7 8 9 10 | .sidr-class-close a { background:url(../images/close.png) no-repeat; background-position:11px 15px;}.sidr-class-close a:hover { background: #00ffff url(../images/close.png) no-repeat; background-position:11px 16px;} |
以上
※ 最後の最後になりましたが、スマホ（アンドロイド）で検証してみたら、
いけてないことに気付きました。
スライドメニューを表示させ閉じるボタンをすると、画面サイズが固定され、
縦で使っていたスマホを横にしてみると、縦のサイズが依存されてしまう。
再読み込みすると元に戻るけど、これってブラウザによって違いがあるみたいだ。
コメントを残す