Menu items: hover and click not work on some only

  • Unknown's avatar
    meetal · Member ·

    I have a menu created using: 

    <div id="main-nav">
	<?php wp_nav_menu(array('theme_location' => 'main_nav', 'container' => '')); ?>
</div>

    I use the following CSS to display it: 

    #main-nav	{
	height: 25px;
	background: #37b680;
	width: 58%;
	padding-left: 101px;

}
#main-nav ul	{
	margin: 0; padding: 0;
}
#main-nav li	{
	display: block;
	float: left;
	line-height: 25px;
	height: 25px;
	margin: 0; padding: 0;
	position: relative; 

}
#main-nav li a	{
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	color: #fff;
	font-family: Georgia, ‘Times New Roman’, sans-serif;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #000;
	background: #37b680;
}

    Some of the menu items are not click-able or hover-able. Any ideas why?
    Thanks,
    M

  • The topic ‘Menu items: hover and click not work on some only’ is closed to new replies.