前提・実現したいこと
スマホ用にメニューを組むのにdrawer.jsを利用したいと考えています。
メニューを開く3本線のハンバーガーアイコン、タップ後のXアイコンの位置は左上、上からドロワーを下すようにしています。
ハンバーガーアイコンを左に10pxマージンを取って表示をしています。
付帯するdrawer.cssを調整してタップ可能なエリアも右に10px分移動もしくは10px分広げたいです。
発生している問題・エラーメッセージ
タップ可能な範囲はアイコンが移動したマージン分10px左に移動せず、元の左端0pxの位置からあるためにアイコンの位置とタップ可能位置がずれてタップがしづらい状況です。
タップ可能範囲もハンバーガーアイコンと一緒にマージン分移動するためのコード記述がどうしてもうまくいかないのを解消したいのです。
該当のソースコード
.drawer--top .drawer-hamburger,
.drawer--top .drawer-open .drawer-hamburger {
margin-left:10px;
}
あなたの回答
tips
プレビュー