Drop down Menu’s not working
-
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.