滑块没有响应并在其下方的部分中创建额外的高度

Question

我一直在使用来自 Select 主题的 Bodega 主题的网站，并且 Select 滑块不断在滚动和响应视图中产生奇怪的问题。

有问题的网站是这个：http://185.56.86.90/~onetoncr/friedmanpr.com/。在移动视图中，滑块下方有一个奇怪的扩展白色部分，当您滚动时它会变大。

https://postimg.cc/bG3PbXyS https://postimg.cc/jw2b482g

这似乎是这个滑块的手边代码：

<div id="qode-home-slider" data-q_responsive_graphic_coefficients="1,1,0.8,0.7,0.6,0.5,0.4" data-q_responsive_title_coefficients="1,1,0.8,0.7,0.6,0.5,0.4" data-q_responsive_subtitle_coefficients="1,1,0.8,0.7,0.6,0.5,0.4" data-q_responsive_text_coefficients="1,1,0.8,0.7,0.6,0.5,0.4" data-q_responsive_button_coefficients="1,1,0.8,0.7,0.6,0.5,0.4" class="carousel slide full_screen q_auto_start header_not_transparent" data-slide_animation="6000" data-parallax="yes" style="height: 887px;"><div class="qode_slider_preloader" style="height: 1077px; display: none;">

我希望滑块完全不与其下方的部分交互。

Answer 1

#qode-home-slider 的高度对于移动纵向显示来说太大了。您可以使用媒体查询添加 CSS 规则来解决此问题。类似于：

@media only screen and (max-width: 768px) { 
   #qode-home-slider{ 
       height: 340px; 
   } 
}

请注意，高度值可能会随着代码的变化而变化。