Fade for Dropdown Menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10001185
    Support
    Keymaster

    velikayikci:
    “how can i fade in for drop down menu ? I can not did, or there is a problem ?”


    #10001186
    Support
    Keymaster

    Hello, please use that CSS:

    CSS (css/custom.css):

    header nav ul.nav-main > li > a {
        -webkit-transition: all ease .3s;
           -moz-transition: all ease .3s;
             -o-transition: all ease .3s;
                transition: all ease .3s;
    }
    
    header nav ul.nav-main li.dropdown > ul.dropdown-menu {
    	top: -9999px;
    	left: -9999px;
    	display: block;
        -webkit-transition: opacity ease .3s;
           -moz-transition: opacity ease .3s;
             -o-transition: opacity ease .3s;
                transition: opacity ease .3s;
    	opacity: 0;
    }
    
    header nav ul.nav-main li.dropdown:hover > ul.dropdown-menu {
    	top: auto;
    	left: auto;
    	opacity: 1;
    }

    Thanks.


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.