質問編集履歴
2
質問内容の変更 一部解決したため変更しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
iphone13で縦に見たときにドロワーメニューが表示されないので表示させたい
|
test
CHANGED
@@ -1,14 +1,17 @@
|
|
1
1
|
### 前提
|
2
2
|
|
3
|
-
先週、お店のサイトについて質問したのですが、予約フォームでエラー構文が出ています。
|
4
|
-
|
5
|
-
[予約フォーム](http://m7844.php.xdomain.jp/demo2/reserve_form.php)
|
6
|
-
|
7
|
-
|
8
|
-
|
3
|
+
スマホで下記のサイトをみた時に横向きだと表示されるのに縦だとドロワーメニューの項目が出てきません。
|
4
|
+
|
5
|
+
[エステ](http://m7844.php.xdomain.jp/demo2/index.php)
|
6
|
+
|
9
7
|
|
10
8
|
色々調べてPCで画面サイズ変えて表示できていたので問題ないと思ったら自分のiphone13だと縦でみたとき、メニューを押しても出てこなかったのでコードで何がおかしいか教えて頂けないでしょうか?
|
11
9
|
|
10
|
+
現状、スマホで表示させるためにメディアクエリで768px以下で指定していますが
|
11
|
+
ブラウザでしか反映されなくて、スマホだと横表示のみドロワーメニューの項目が出る状態です。
|
12
|
+
|
13
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-27/6ec02f59-67ef-4793-a7cf-162fa2387b03.jpeg)
|
14
|
+
|
12
15
|
サイト自体が古く元は画像メニューにしてたので、最近のドロワーメニューにして少々、CSSがややこしくなってます。
|
13
16
|
|
14
17
|
※main.cssでコメントアウトしている部分はドロワーメニューで背景の画像を表示させないためです。
|
@@ -17,14 +20,14 @@
|
|
17
20
|
|
18
21
|
### 実現したいこと
|
19
22
|
|
20
|
-
予約フォームのエラー表示の原因と消去
|
21
|
-
|
22
23
|
スマホで縦に見たときにハンバーガーメニューの項目を表示させたい。
|
23
24
|
|
24
25
|
### 発生している問題・エラーメッセージ
|
25
26
|
|
26
27
|
```
|
28
|
+
|
27
|
-
|
29
|
+
スマホで縦に見たときにハンバーガーアイコンは動くがドロワーメニューが表示されない。
|
30
|
+
|
28
31
|
|
29
32
|
```
|
30
33
|
|
1
補足の文章を入れました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -11,6 +11,9 @@
|
|
11
11
|
|
12
12
|
サイト自体が古く元は画像メニューにしてたので、最近のドロワーメニューにして少々、CSSがややこしくなってます。
|
13
13
|
|
14
|
+
※main.cssでコメントアウトしている部分はドロワーメニューで背景の画像を表示させないためです。
|
15
|
+
|
16
|
+
当初、PCでメニューのhoverがなめらかに表示させるために画像を入れてましたがそれをコメントアウトしています。
|
14
17
|
|
15
18
|
### 実現したいこと
|
16
19
|
|