Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Conflict between Expanding Menu and Slider Nav

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44832
    pittles78
    Participant

    On my site http://tuffymcpuggles.com the homepage features a slider with left and right arrows for navigation between images. I also have an expanding menu, like a mega menu and I want the menu to always sit on top of everything, but in the left arrow location there is a conflict where the left arrow and men’s menu meet.

    The left arrow is on top of the menu and it is not desired. Please help me solve this.

    Best,
    Jon

    #135359
    pixelgrid
    Participant

    your slider arrows for some reason have a z index of 1000 and if its lower than 3 they disappear

    change the z-index from

    div.slider-nav span{
    z-index:3;
    }

    and z index from first expanding menu to something bigger than 3

    #tb1{
    z-index:5
    }

    note that you will have to change the last menu item too if you want it to expand

    #135571
    pittles78
    Participant

    I will give that a try. Thank you for your solutions.

    #135573
    pittles78
    Participant

    Thank you that worked.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.