質問編集履歴
3
コードを書き直しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -192,6 +192,8 @@
|
|
|
192
192
|
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
+
}
|
|
196
|
+
|
|
195
197
|
```
|
|
196
198
|
|
|
197
199
|
|
2
コメントアウトを修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
header .title_sp{
|
|
71
|
+
header .title_sp{ /*サイトタイトルを中央に表示*/
|
|
72
72
|
|
|
73
73
|
font-family: 'Bodoni URW';
|
|
74
74
|
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
header .fa-bars{
|
|
89
|
+
header .fa-bars{ /*画面右にバーアイコンを表示*/
|
|
90
90
|
|
|
91
91
|
display: block;
|
|
92
92
|
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
|
|
111
111
|
line-height: 30px;
|
|
112
112
|
|
|
113
|
-
transform: translateY(-150%);
|
|
113
|
+
transform: translateY(-150%); /*ここでヘッダーメニューを上に持っていく(非表示に)*/
|
|
114
114
|
|
|
115
115
|
}
|
|
116
116
|
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
|
|
181
181
|
.drawer_menu:checked ~ header ul{
|
|
182
182
|
|
|
183
|
-
transform: translateY(0%);
|
|
183
|
+
transform: translateY(0%); /*ここでメニューを下げる*/
|
|
184
184
|
|
|
185
185
|
transition: 0.5s;
|
|
186
186
|
|
1
補足を加えました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -193,3 +193,27 @@
|
|
|
193
193
|
}
|
|
194
194
|
|
|
195
195
|
```
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
【補足】
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
htmlのnavタグにクラス名header_navをつけて、試しに記述を下記のように変えたところ機能しました。
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
```CSS
|
|
210
|
+
|
|
211
|
+
.drawer_menu:checked ~ .header_nav{
|
|
212
|
+
|
|
213
|
+
display: none;
|
|
214
|
+
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
でも、transform: translateY(0%);では動作しません。。
|