Ползунок не реагирует и создает дополнительную высоту в разделе под ним

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; 
   } 
}

Обратите внимание, что значения высоты могут изменяться при изменении вашего кода.