css - In wordpress, sub-menu not displaying properly -
see following code. menu in home page,
<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"> <a href="http://localhost/project/service/">service</a> <ul class="sub-menu"> <li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="http://localhost/project/services/voice/">voice</a></li> <li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="http://localhost/project/services/data/">data</a></li> </ul> </li>
it showing correctly. main menu(service) having 2 submenu(voice & data).
problem is, display last menu item only.(that showing data
only. no display voice
). see following image,
see image in following link
if add 1 more submenu means, 3rd displaying.
.main-navigation ul li ul li { display: block; }
this should fix sub-menu. problem list items of sub menu being set inline-blocks , laying on top of each other.
Comments
Post a Comment