word pressにてホームページを作っています。
一番上にnav nemu を入れて制作しているのですが動かす際にdropdown が見出しの下になってしまいます。動き出しから下の見出しが透けずにスクロールできるようにしたいです。
drop downが見出しや画像の下になるのは最初の動きだしのみです。
試したこと
background colorやnavigation menuへの変更などはいたしましたが特に変化なし。
テーマは Hello Elementor
カスタムcssには下記の通りです。
どこを変更すれば見出しが透けずにスクロールできるのか教えていただきたいです。
よろしくお願い致します。
/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/
.envato-block__preview{overflow: visible !important;}
/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/
/** Start Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/
.envato-block__preview{overflow: visible;}
/*Kit 69 Custom Styling for buttons /
.envato-kit-69-slide-btn .elementor-button,
.envato-kit-69-cta-btn .elementor-button,
.envato-kit-69-flip-btn .elementor-button{
border-left: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;
padding: 15px 0 0 !important;
}
.envato-kit-69-slide-btn .elementor-slide-button:hover,
.envato-kit-69-cta-btn .elementor-button:hover,
.envato-kit-69-flip-btn .elementor-button:hover{
margin-bottom: 20px;
}
.envato-kit-69-menu .elementor-nav-menu--main a:hover{
margin-top: -7px;
padding-top: 4px;
border-bottom: 1px solid #FFF;
}
/ Fix menu dropdown width */
.envato-kit-69-menu .elementor-nav-menu--dropdown{
width: 100% !important;
}
/** End Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/
/** Start Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/
.envato-kit-102-phone-overlay {
position: absolute !important;
display: block !important;
top: 0%;
left: 0%;
right: 0%;
margin: auto;
z-index: 1;
}
/** End Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/
/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/
.envato-block__preview{overflow: visible;}
/* Envato Kit 141 Custom Styles - Applied to the element under Advanced */
.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
margin-top: 0;
}
.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.envato-kit-141-bottom-0 p {
margin-bottom: 0;
}
.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
margin-bottom: .5rem;
}
.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
padding-bottom: 52px;
}
.envato-kit-141-display-inline {
display: inline-block;
}
.envato-kit-141 .elementor-slick-slider ul.slick-dots {
bottom: -40px;
}
/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/
/** Start Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
.envato-block__preview{overflow: visible;}
/** End Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
/** Start Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/
.envato-block__preview{overflow: visible;}
/** End Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/
/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/
.envato-kit-138-bracket .elementor-widget-container > *:before{
content:"[";
color:#ffab00;
display:inline-block;
margin-right:4px;
line-height:1em;
position:relative;
top:-1px;
}
.envato-kit-138-bracket .elementor-widget-container > *:after{
content:"]";
color:#ffab00;
display:inline-block;
margin-left:4px;
line-height:1em;
position:relative;
top:-1px;
}
/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/
/* error messege size */
div.screen-reader-response{
font-size: 10px;
}
html,body{
width:100%;
overflow-x:hidden;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。