Support » Fixing WordPress » Z-Index putting content over slider

  • Resolved webpaws

    (@webpaws)


    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: http://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 months, 1 week ago by  .

    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.

    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.

    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.