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 :)