Z-Index putting content over slider

  • Resolved webpaws

    (@webpaws)


    7 years, 6 months ago

    Theme: Agama Pro
    Using: built in Agama Slider

    I am trying to move the main page content up and over the slider about 30% of the slider area (margin-top:-150px;) similar to their current site: https://www.dangelmayer.com/

    I was able to put the navigation under the logo background in the top right of page using z-index, but have been unsuccessful in putting the main content over the slider.

    Any suggestions?

    • This topic was modified 7 years, 6 months ago by webpaws.

    The page I need help with: [log in to see the link]

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

  • It’s because #page has overflow: hidden;:

    .site {
    margin: 0 auto;
    overflow: hidden;
}

    You’ll need to remove that. By the looks of it you’ll need to make other changes to your structure though, because more stuff that should still be hidden is exposed.

    Thread Starter webpaws

    (@webpaws)

    Thank you Jacob. Setting #page to have overflow: visible; allows the content to be placed over the slider as I scooted the #page content up -150px; into the slider area. Now I need to figure how to keep the dark blue background from #ESDDTdrkblubkg from spilling out of it’s constrained bounds from previous .site CSS of overflow: hidden;. And if I can finagle it, to make the slider image go on top of the dark blue background, but under the main content inside #page, which is all I was trying to do.

    Thread Starter webpaws

    (@webpaws)

    Jacob, your response has allowed me to resolve this issue. Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Z-Index putting content over slider’ is closed to new replies.