質問編集履歴

5

メニュー全体で透けるのではなく、drop down が透ける

2021/06/30 05:24

投稿

Toca-
Toca-

スコア0

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,8 @@
1
1
  word pressにてホームページを作っています。
2
2
 
3
- 一番上にnav nemu を入れて制作しているのですが動かす際に見出しの下になってしまいます。動き出しから下の見出しが透けずにスクロールできるようにしたいです。
3
+ 一番上にnav nemu を入れて制作しているのですが動かす際にdropdown が見出しの下になってしまいます。動き出しから下の見出しが透けずにスクロールできるようにしたいです。
4
-
4
+
5
- メニューが見出しや画像の下になるのは最初の動きだしのみです。
5
+ drop downが見出しや画像の下になるのは最初の動きだしのみです。
6
6
 
7
7
 
8
8
 

4

elementorのテーマを記載いたしました。

2021/06/30 05:24

投稿

Toca-
Toca-

スコア0

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,10 @@
14
14
 
15
15
 
16
16
 
17
+ テーマは Hello Elementor
18
+
19
+
20
+
17
21
  カスタムcssには下記の通りです。
18
22
 
19
23
  どこを変更すれば見出しが透けずにスクロールできるのか教えていただきたいです。

3

カスタムcssを記載いたしました。

2021/06/30 05:16

投稿

Toca-
Toca-

スコア0

test CHANGED
File without changes
test CHANGED
@@ -1,13 +1,325 @@
1
1
  word pressにてホームページを作っています。
2
2
 
3
- 一番上にnav nemu を入れて制作しているのですが動かす際に見出しの下になってしまいます。
3
+ 一番上にnav nemu を入れて制作しているのですが動かす際に見出しの下になってしまいます。動き出しから下の見出しが透けずにスクロールできるようにしたいです。
4
-
4
+
5
- 見出しや画像の下になるのは最初の動きだしのみです。
5
+ メニューが見出しや画像の下になるのは最初の動きだしのみです。
6
-
7
- 動き出しから下の見出しが透けないようにしたいです。
6
+
7
+
8
8
 
9
9
  試したこと
10
10
 
11
- background colorやnavigation menuへの変更などいたしましたが特に変化なし。
11
+ background colorやnavigation menuへの変更などいたしましたが特に変化なし。
12
12
 
13
13
  ![イメージ説明](e11d1f9eb05859f24bb91b4f4ff5c8ef.png)
14
+
15
+
16
+
17
+ カスタムcssには下記の通りです。
18
+
19
+ どこを変更すれば見出しが透けずにスクロールできるのか教えていただきたいです。
20
+
21
+ よろしくお願い致します。
22
+
23
+ /** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/
24
+
25
+
26
+
27
+ .envato-block__preview{overflow: visible !important;}
28
+
29
+
30
+
31
+ /** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+ /** Start Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/
40
+
41
+
42
+
43
+ .envato-block__preview{overflow: visible;}
44
+
45
+
46
+
47
+ /*Kit 69 Custom Styling for buttons */
48
+
49
+ .envato-kit-69-slide-btn .elementor-button,
50
+
51
+ .envato-kit-69-cta-btn .elementor-button,
52
+
53
+ .envato-kit-69-flip-btn .elementor-button{
54
+
55
+ border-left: 0px !important;
56
+
57
+ border-bottom: 0px !important;
58
+
59
+ border-right: 0px !important;
60
+
61
+ padding: 15px 0 0 !important;
62
+
63
+ }
64
+
65
+ .envato-kit-69-slide-btn .elementor-slide-button:hover,
66
+
67
+ .envato-kit-69-cta-btn .elementor-button:hover,
68
+
69
+ .envato-kit-69-flip-btn .elementor-button:hover{
70
+
71
+ margin-bottom: 20px;
72
+
73
+ }
74
+
75
+ .envato-kit-69-menu .elementor-nav-menu--main a:hover{
76
+
77
+ margin-top: -7px;
78
+
79
+ padding-top: 4px;
80
+
81
+ border-bottom: 1px solid #FFF;
82
+
83
+ }
84
+
85
+ /* Fix menu dropdown width */
86
+
87
+ .envato-kit-69-menu .elementor-nav-menu--dropdown{
88
+
89
+ width: 100% !important;
90
+
91
+ }
92
+
93
+
94
+
95
+ /** End Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+ /** Start Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/
104
+
105
+
106
+
107
+ .envato-kit-102-phone-overlay {
108
+
109
+ position: absolute !important;
110
+
111
+ display: block !important;
112
+
113
+ top: 0%;
114
+
115
+ left: 0%;
116
+
117
+ right: 0%;
118
+
119
+ margin: auto;
120
+
121
+ z-index: 1;
122
+
123
+ }
124
+
125
+
126
+
127
+ /** End Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+ /** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/
136
+
137
+
138
+
139
+ .envato-block__preview{overflow: visible;}
140
+
141
+
142
+
143
+ /* Envato Kit 141 Custom Styles - Applied to the element under Advanced */
144
+
145
+
146
+
147
+ .elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
148
+
149
+ text-align: center;
150
+
151
+ }
152
+
153
+ .envato-kit-141-top-0 h1,
154
+
155
+ .envato-kit-141-top-0 h2,
156
+
157
+ .envato-kit-141-top-0 h3,
158
+
159
+ .envato-kit-141-top-0 h4,
160
+
161
+ .envato-kit-141-top-0 h5,
162
+
163
+ .envato-kit-141-top-0 h6,
164
+
165
+ .envato-kit-141-top-0 p {
166
+
167
+ margin-top: 0;
168
+
169
+ }
170
+
171
+
172
+
173
+ .envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
174
+
175
+ padding-left: 1.5rem;
176
+
177
+ padding-right: 1.5rem;
178
+
179
+ }
180
+
181
+
182
+
183
+ .envato-kit-141-bottom-0 p {
184
+
185
+ margin-bottom: 0;
186
+
187
+ }
188
+
189
+
190
+
191
+ .envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
192
+
193
+ margin-bottom: .5rem;
194
+
195
+ }
196
+
197
+
198
+
199
+ .envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
200
+
201
+ padding-bottom: 52px;
202
+
203
+ }
204
+
205
+
206
+
207
+ .envato-kit-141-display-inline {
208
+
209
+ display: inline-block;
210
+
211
+ }
212
+
213
+
214
+
215
+ .envato-kit-141 .elementor-slick-slider ul.slick-dots {
216
+
217
+ bottom: -40px;
218
+
219
+ }
220
+
221
+
222
+
223
+ /** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+ /** Start Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
232
+
233
+
234
+
235
+ .envato-block__preview{overflow: visible;}
236
+
237
+
238
+
239
+ /** End Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+ /** Start Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/
248
+
249
+
250
+
251
+ .envato-block__preview{overflow: visible;}
252
+
253
+
254
+
255
+ /** End Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/
256
+
257
+
258
+
259
+
260
+
261
+
262
+
263
+ /** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/
264
+
265
+
266
+
267
+ .envato-kit-138-bracket .elementor-widget-container > *:before{
268
+
269
+ content:"[";
270
+
271
+ color:#ffab00;
272
+
273
+ display:inline-block;
274
+
275
+ margin-right:4px;
276
+
277
+ line-height:1em;
278
+
279
+ position:relative;
280
+
281
+ top:-1px;
282
+
283
+ }
284
+
285
+
286
+
287
+ .envato-kit-138-bracket .elementor-widget-container > *:after{
288
+
289
+ content:"]";
290
+
291
+ color:#ffab00;
292
+
293
+ display:inline-block;
294
+
295
+ margin-left:4px;
296
+
297
+ line-height:1em;
298
+
299
+ position:relative;
300
+
301
+ top:-1px;
302
+
303
+ }
304
+
305
+
306
+
307
+ /** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/
308
+
309
+
310
+
311
+ /* error messege size */
312
+
313
+ div.screen-reader-response{
314
+
315
+ font-size: 10px;
316
+
317
+ }
318
+
319
+ html,body{
320
+
321
+ width:100%;
322
+
323
+ overflow-x:hidden;
324
+
325
+ }

2

2021/06/30 05:14

投稿

Toca-
Toca-

スコア0

test CHANGED
File without changes
test CHANGED
File without changes

1

2021/06/30 00:52

投稿

Toca-
Toca-

スコア0

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  見出しや画像の下になるのは最初の動きだしのみです。
6
6
 
7
-
7
+ 動き出しから下の見出しが透けないようにしたいです。
8
8
 
9
9
  試したこと
10
10