Forum Replies Created
-
Posts
-
Hi Mike,
Thanks for your help and sorry for late reply.
Everything work perfect.
You can close topic now.Best regards,
Srecko
Hi Mike.
Thank’s for you respond.
Your solution works perfectly.
Thank you very much.
What should I change to make the same effect work on Main Menu sublevel Links (By that I mean the entire animation)?
And Is it possible that the same animation works on mobile devices?Best regards,
SreckoHello Rikard,
Thanks for your respond.
I set height back to 70px, now you can see the problem again on mouse hover in menu.
Sorry for my bad english :)Best regards,
SreckoIt’s been past one full day and there’s still no answer. You’ve already responded to everyone except me. I am a very understanding person, but it still takes a bit too long.
Hei Viktoria,
thanks for your respond.
It works because i set heigt to 10px, but when i change it back to 70px thean text disappears.
Take a look to page now.ok, i have this:
.av-main-nav > li > a:active:after, .av-main-nav > li > a:focus:after, .av-main-nav > li > a:hover:after {background-color: grey;
width: 100%;
}
.av-main-nav > li > a:after {
display: inline-block;
content: “”;
text-indent: -99999px;
width: 0;
height: 70px;
-webkit-transition: all .50s ease-in-out;
transition: all .50s ease-in-out;
position: absolute;
bottom: 0;
left: 50%;
margin-top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}This is ok, but on hover the text disappears.
Link to page in private Content
