Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2013
    Posts
    80
    Thanks
    40
    Thanked 0 Times in 0 Posts

    How can I implement this css3 into my submenu?

    For the drop-down menus on my site, I would like them to drop down like this link (hover over "views"). They seem to move from the top down, and fade, where mine just appears and disappear. They provide the code here, and I tried it, but I'm unable to successfully implement it into my menus.

    Here is all of my NAV css:

    Code:
      .header-alignment-left.header-navigation-split #topNav { position:absolute; right: 0px }
         
        .logo-image #topNav nav li a { padding:4px 15px; line-height: 100% }
         
        
        
        #nav a { border-top: 4px solid transparent }
         
        #nav .subnav { margin-top: 4 }
         
        #nav a { border-right:0px solid #3b5998; height: 20px }
         
        #nav li:last-child a { border-right: 0 }
         
        #topNav nav .folder ul li a {
          	padding: 0 24px 12px;
        	-webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out }
         
        #header #topNav nav .folder ul li {
        	position: relative; }
         
        #header { margin-top: 20px !important }
         
        #topNav { margin-top: 40px }
         
        #nav .subnav ul { padding-bottom: 15px !important }
         
        #nav .subnav ul { padding-top: 15px !important }
         
        #topNav nav .folder .subnav {
            position: absolute;
            top: 100%;
            left: 0px;
            background: #ffffff;
            height: 0;
            overflow: hidden;
            opacity: 1;
            z-index: 999; }
        
        #topNav nav li.folder {height: 44px;}

  • #2
    New Coder
    Join Date
    Aug 2013
    Posts
    10
    Thanks
    0
    Thanked 1 Time in 1 Post
    Hi,

    I just visited your site and it's working fine for me.
    Using latest Chrome.

    ~ Jeffrey


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •