• Hello,

    Thank you for your so useful plugin.
    I put it for my client and when it will work i will try to convince him to upgrade for the pro version.

    I am not webmaster or developper but graphic designer and my client ask me to translate his html website to wordpress. I used HTML5 Blank to have the same design and using a tutorial i did it. Everything looks good except the flags of langage menu wich not drop down.

    I already tried lots of things that doesn’t working.
    I don’t want to use other menu plugin because it isn’t the same style.

    I am sure its only write a little css code but i don’t know which.

    Here is my footer code :

    <!-- nav -->
    <div id="cssmenu">
    <?php html5blank_nav(); ?>     							                        
    </div>
    <!-- /nav -->

    Here is my css code :

    /*====NAVIGATION
    =======================================================*/

    #cssmenu {
    float: right;
    margin-top: 35px;
    position: relative;
    z-index: 1200;
    }

    #cssmenu li {
    display: block;
    float: left;
    position: relative;
    margin-left:5px;
    background-color: #121212;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
    }

    #cssmenu li:hover {
    background-color: #000;
    text-shadow: none;
    }

    #cssmenu li a {
    font-family: Bebas, Arial, sans-serif;
    font-size: 18px;
    color: #f7f7f7;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin-bottom: 0px;
    }

    #cssmenu li a span {
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    display: block;
    line-height: 14px;
    }

    #cssmenu li .active-nav, #cssmenu li .active-nav:hover {
    background-color: #121212;
    text-shadow: 1px 1px 0px #333;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }

    #cssmenu li.dropdown {
    border-bottom-left-radius: 0;
    }

    #cssmenu li.dropdown .active-nav {
    border-bottom-left-radius: 0;
    }

    /*====DROPDOWN NAV STYLING
    =======================================================*/

    #navigation ul {
    position: absolute;
    top: -999em;
    width: 160px; /* left offset of submenus need to match (see below) */
    background: #121212;
    margin-top: 24px;
    }

    #navigation ul li {
    width: 100%;
    margin-left: 0;
    }

    #navigation li:hover {
    visibility: inherit; /* fixes IE7 ‘sticky bug’ */
    }

    #navigation a {
    position: relative;
    }

    #navigation li:hover ul,
    #navigation li.sfHover ul {
    left: 0;
    top: 1.4em; /* match top ul list item height */
    z-index: 99;
    }

    ul#navigation li:hover li ul,
    ul#navigation li.sfHover li ul {
    top: -999em;
    margin-top: 0;
    }

    ul#navigation li li:hover ul,
    ul#navigation li li.sfHover ul {
    left: 160px; /* match ul width */
    top: 0;
    }

    ul#navigation li li:hover li ul,
    ul#navigation li li.sfHover li ul {
    top: -999em;
    }

    ul#navigation li li li:hover ul,
    ul#navigation li li li.sfHover ul {
    left: 160px; /* match ul width */
    top: 0;
    }

    #navigation ul li a {
    color: #f7f7f7;
    font-size: 16px;
    margin-left: 0;
    padding: 10px 15px;
    border-radius: 0;
    width: 130px;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    }

    #navigation ul li a:hover {
    background-color: #dc3f35;
    text-shadow: 1px 1px 0px #333;
    }

    Here is my function code :

    // HTML5 Blank navigation
    function html5blank_nav()
    {
    wp_nav_menu(
    array(
    ‘theme_location’ => ‘header-menu’,
    ‘menu’ => ”,
    ‘container’ => ‘div’,
    ‘container_class’ => ‘menu-{menu slug}-container’,
    ‘container_id’ => ”,
    ‘menu_class’ => ‘menu’,
    ‘menu_id’ => ”,
    ‘echo’ => true,
    ‘fallback_cb’ => ‘wp_page_menu’,
    ‘before’ => ”,
    ‘after’ => ”,
    ‘link_before’ => ”,
    ‘link_after’ => ”,
    ‘items_wrap’ => ‘

      %3$s

    ‘,
    ‘depth’ => 0,
    ‘walker’ => ”
    )
    );
    }

    THANK YOU SO MUCH FOR YOUR HELP

    Virginie

  • The topic ‘Drop down Menu’s not working’ is closed to new replies.