Slider doesn’t position properly

Hello,

Whenever I go under a screen size of 1024px, I hide my header and site navigation and show a responsive menu. This causes for my slider to hide part of the page title (where there is one). Originally, the title stood under the menu and slider both but I was able to move it underneath the menu, however, I can’t seem to figure out how to move the slider down so the title shows up. This is what I have:

@media screen and (max-width: 1024px) {
    header.entry-header{
	position:relative;
	top:50px;
	bottom:50px;
    }
    div.builder-banner-content{
	position:relative;
	top:100px;
    }
}

Page where this happens: SIte link

What I want to do is have the responsive menu, a title (if there is one on the page), and then the slider. Is there a way to do this?

Thank you!