Genesis Slider too far down on mobile

[[email protected]]

I am currently using the Altitude theme with the Genesis Responsive Slider on my first page. I want the images to fill up the screen, with only a small margin on the top and bottom of the background image. As it is right now, it looks pretty great on the computer (I wouldn't mind increasing the height of the background image just a bit, and the slider if I can without compromising the width too much). But on mobile, there's a huge gap to the top and bottom of the slider. And I've exhausted everything I can think of.

What it looks like on computer

What it looks like on mobile

Anyone have any solutions? Need me to include the css code?

http://03cad97.netsolhost.com/wordpress1/

[dialady]

In the appropriate media query, try

Deleting:

.front-page-1 .image-section {
/* padding-top: 10% !important; */
}

And adding max-height to:

.home #front-page-1 .image-section {
height: auto% !important;
max-height: 377px;
}

[Author]

Posts