Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Sep 2011
    Posts
    269
    Thanks
    49
    Thanked 1 Time in 1 Post

    z-index problem?

    Hi.

    I've created a child theme of the theme I purchased, but it is not functioning as well as I'd like.

    See the purchased theme here.

    See my child theme here.

    Notice that #menuStuff will not cross over the top of #cover or #coverContent, even though it has a higher z-index.

    Can you help me find out how to make the #menuStuff move over the top of #cover like the original purchased theme does please?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Notice that #menuStuff will not cross over the top of #cover or #coverContent, even though it has a higher z-index.
    I don't see any z-index applied to #menuStuff, when inspected using firebug.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    269
    Thanks
    49
    Thanked 1 Time in 1 Post
    You're right.

    I gave #menuStuff a ZI of 1.

    #cover has a ZI of 0.

    #cover still displays above #menuStuff.

    Perhaps there is javascript doing something?

  • #4
    New Coder
    Join Date
    Feb 2013
    Location
    Liverpool
    Posts
    70
    Thanks
    1
    Thanked 4 Times in 4 Posts
    Elements that use z-index may need position: absolute being applied to them so give that a try - trips me up quite a lot
    Working for Edge Three Sixty doing Drupal Development

  • #5
    Regular Coder
    Join Date
    Sep 2011
    Posts
    269
    Thanks
    49
    Thanked 1 Time in 1 Post
    If I make it position:absolute it breaks the layout.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    You don't need to set an absolute position. z-index needs either relative or absolute position to work. Try setting a relative position to the elements with z-index.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    SRD75 (06-28-2013)

  • #7
    Regular Coder
    Join Date
    Sep 2011
    Posts
    269
    Thanks
    49
    Thanked 1 Time in 1 Post
    Fantastic. That solved it abduraooft.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •