Подменю Wordpress исчезает при наведении - PullRequest
Новая
       12

Подменю Wordpress исчезает при наведении

0 голосов
/ 22 февраля 2019

Я пытаюсь исправить подменю на моем WordPress веб-сайте .

Ниже приведен код CSS, и я просто не уверен, что изменить, чтобы соединить два устройства!Я попытался немного поиграть с числами, и, похоже, ничего не работает.Я вернул все в "нормальное состояние", поэтому второй набор глаз был бы великолепен.Ниже приводится CSS, используемый на моем сайте. 

.navi-wrap ul {
    list-style: none;
    padding: 0;
}

.navi-wrap li {
    display: inline-block;
    position: relative;
}

.navi-wrap ul li {    
}

.navi-wrap li a {
    color: #555555;
    font-size: 10px;
    display: block;
    line-height: .5em;
    padding: 0 10px 0 15px;
    text-transform: uppercase;
    letter-spacing: .2em;
    text-decoration: none;
} 

    .navi-wrap li a:hover {
        color: #aaaaaa;
        line-height: 1.5em;
    }

    .navi-wrap li:last-child {
        color: #aaaaaa; 
        font-size: 0px;
        padding: 0;
    }   

.navi-wrap li:hover > a,
.navi-wrap ul ul :hover > a,
.navi-wrap .current-menu-item > a,
.navi-wrap .current-menu-ancestor > a,
.navi-wrap .current_page_item > a,
.navi-wrap .current_page_ancestor > a {
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

    .navi-wrap li ul {
        position: absolute;
        left: -9999px;
        height: auto;
        width: 180px;
        text-align: left;
        z-index: 999;
        color: #404040;
        margin: 5px 0 0 0;
        display: block;
        *display: none;
        background-color: #e3e3e3;
    }       

                    .navi-wrap li li {
                        width: 180px;
                        z-index: 999;
                        float: left;
                        margin: 0px;
                        font-size: 10px;
                        text-align: left;
                        color: #555555;
                        display: block;
                        min-height: 12px;
                        background-color: #e3e3e3;
                    }

                        .navi-wrap ul li li:hover {
                            font-size: 10px;
                            background-color: #aaaaaa;
                            color: #555555 !important;
                        }

                .navi-wrap li li:last-child {
                    color: #25262b;
                    font-size:11px;
                }

                        .navi-wrap li li:after {
                            display: none;
                        }

                .navi-wrap li li {
                    padding: 0px;
                }

                .navi-wrap li li a {
                    font-size:10px;
                    color: #404040;
                    display: block;
                    padding: 18px 5px 15px 10px;
                    text-align: left;
                }

                    .navi-wrap li li a:hover {
                        background-color: #888888;
                        border: none;
                    }

                    .navi-wrap li li ul {
                        display: none;
                    }

    .navi-wrap li:hover ul, .navi-wrap li li:hover ul, .navi-wrap li li li:hover ul, .navi-wrap li.sfhover ul, .navi-wrap li li.sfhover ul, .navi-wrap li li li.sfhover ul {
        left: auto;
    }

.menu-item {
    margin: 0 -2px;
}

.navi-wrap:first-child {
}

1 Ответ

0 голосов
/ 22 февраля 2019

Вы добавили margin-top для детей ul.Вы должны удалить верхнюю маржу.Вместо этого добавьте отступы.Как ниже. 

ul.children {
    padding-top: 5px;
    margin-top: 0;
}
...