Need help? Check out our Support site, then


Menu items: hover and click not work on some only

  1. 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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags