水平方向的子菜单的WordPress主题下划线

Question

林有这个子菜单我需要它看起来像这样

现在它看起来像这样http://paramountwell.staging.wpengine.com/

默认子的一些问题菜单父项设置为相对，子菜单设置为绝对。我尝试移动位置：相对于标题容器。哪种达到我想要的，但是，即使父母没有被徘徊，子菜单总是显示。任何帮助都会很棒！

Answer 1

有2个CSS规则需要更改。

然后子菜单需要一些更好的格式。

.main-navigation ul ul { 
 
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 
 
    float: left; 
 
    position: absolute; 
 
    top: 179px; 
 
    left: 0; 
 
    z-index: 99999; 
 
    background-color: #106ccc; 
 
    width: 100%; 
 
    display: none; /* Added */ 
 
} 
 

 
.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { 
 
    /* left: auto; */ 
 
    display: block; /* Added */ 
 
}