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

    Example page of 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!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Move the entire site-main class down by 60px (the height of your mobile menu).

    @media screen and (max-width: 1024px) {
    .site-main {
        margin-top: 60px;
    }
}

    Add this to your Child Theme style.css file.

    Hope this helps.

    Thread Starter ppippi

    (@ppippi)

    Awesome; that worked perfectly – thank you so much. I don’t know how I didn’t think of that.

    ppip

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slider doesn’t position properly’ is closed to new replies.