Forums

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

Home Forums CSS Need help with hover menu!

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #165750
    niols10
    Participant

    Hey guys

    Im trying to make a “horizontal slide sub menu” using css transitions. it works perfect, but when it’s implemented in wordpress, the hover element wont trigger.

    Here is what i’m trying to do:
    http://altitryk.dk/menu-test-ny.html

    .menu-con{
    width: 208px;
    height: 70px;
    margin-left: -130%;
    background-color: rgb(2,218,175);
    position: absolute;
    cursor: pointer;
    -webkit-border-radius: 5em; -moz-border-radius: 5em;
    -webkit-transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -o-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in;
    }

    #menu-item-183 a:hover ~ .menu-con {
    margin-left: 0%;
    width: 900px;
    }

    i think the problem is that the main-nav element (#menu-item-183), is to far away from the div i’m trying to effect (.menu-con). Maybe theres some kind of “super selector” i don’t know of, there could solve this problem.

    i hope some of you got the answer.

    thank you for your time :)

    #165753
    Paulie_D
    Member

    Without seeing the actual ‘non-working’ structure it’s hard to help.

    That said, ‘super selector’ usually means JQuery to me. :)

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