WordPressテーマSANGOの質問

モバイル用ハンバーガーメニューをクリックした際にスライド画面が右から左に出現するようにしたい

アバター
リー

お世話になります。
モバイル用ハンバーガーメニューについて2つご質問させて頂きます。
1. 元々、左側にあったハンバーガーメニューを下記のcss追加にて、右側になったのですが、三をクリックすると、スライド画面が左から右に出てくるのでこちらの画面を右から左に出現するようにしたい。
#drawer__open {
left: auto;
right: 0;
}
2. ハンバーガーメニューを開いた際に、main menuとsub menu両方が表示されており、こちらのsub menuをメニューを開いた際には、閉じた状態にし、main menuをクリックするsub menuが表示されるようにしたい。

よろしくお願い致します。

ウィジェットの設定をしよう:広告の貼り方も解説
コメントへの回答
サルワカくん
サルワカくん
2021/07/07

お世話になっております。以下のようなCSSを記述していただくと右から左に出現するかと思いますのでカスタマイザーの追加CSSに追加してみてください。
よろしくお願いします。


#drawer__input:checked ~ #drawer__content {
transform: translateX(12%);
}

#drawer__content {
transform: translateX(112%);
}

アバター
リー
2021/07/08

早速の回答ありがとうございます。
解決しました。