水平子菜单WordPress下划线主题

Question

我对这个子菜单有一些问题，我需要它看起来像这样

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

默认情况下，子菜单父级设置为relative，子菜单设置为absolute。我尝试移动位置：相对于标题容器。哪种方式达到了我的目的，但是即使父母没有被徘徊，子菜单也总会显示出来。任何帮助都会很棒！

Answer 1

您需要更改2个CSS规则。

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

＆＃13;

＆＃13;

.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 */
}

＆＃13;

＆＃13;

＆＃13;