Eliminar espacio en blanco bajo el slider

Hola, qué tal;
He intentado de varias formas solucionar este problema y nada… Mucho les agradecería si me pudiesen guiar para encontrar alguna solución.
Quiero ocultar un espacio en blanco bajo el slider, que sólo es visible si se disminuye el ancho del navegador para así simular un dispositivo móvil. El tema que estoy usando se llama Willow. En el espacio asignado a una herramienta que se llama Hero Slides que ubica el slider arriba del menú, coloqué mi slider realizado con Revolution Slider; en la configuración del Revolution tengo Margin Top: -430px y Margin Bottom: -500 para que se pueda colocar arriba del menú. Por esa razón, no puedo quitar el check «Enable Hero Section» de Page Options en la página de inicio, porque sino me ocultaría el slider.
Coloqué este código de distintas formas en el Page settings (donde está la rosquita en la página principal)

@media all and (max-width: 800px){ (lo he probado con min-width: 320px, 360, 768 y 800px)
.hero-section .section {
width:100%;
height:auto;
overflow:hidden;
}
}

y en el column settings del slider, llamo a la clase .hero-section .section

Pero lo que hace es agregar más espacio luego del menú… 🙁 También he probado el código anterior, usando la clase caroufredsel_wrapper pero lo que hace quitar el slider…

También he colocado esos códigos para los distintos dispositivos (320, 360 768 y 800px) en el archivo style.css pero no toma en cuenta esas modificaciones.

Quedo atenta a sus comentarios y de antemano muchas gracias;
Mari.