滑块无响应，并在其下面的部分中创建了额外的高度

Question

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

存在问题的网站是这个网站：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; 
   } 
}

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