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

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -