Как поправить выпадающий список?

Question

[vagono]

Добрый день! Подскажите, как подправить выпадающий список в меню?
Сейчас отображается

вот так

Под нормальным видом подразумеваю вот такой спискок:

Ссылка на проблемную страницу

Comments

[FeST1VaL]

эм, не понятно... а что в итоге то должно быть? просто у вас же получается двойной выпадающий список?

Answer 1

[lloydbanks]

.menu-item-has-children:hover .sub-menu {
    display: none;
}

.menu-item-has-children:hover > .sub-menu {
    display: block;
}

.menu-item-has-children .sub-menu .sub-menu {
    left: 200px;
    top: 0;
}

.sub-menu {
    padding: 20px 0;
}

.sub-menu li {
    padding: 0 20px;
    position: relative;
}

Comments

[vagono]

Спасибо! А как сделать, чтобы не залазило под картинку и на текст?

[lloydbanks]

vagono, .sub-menu {z-index: 1}

[vagono]

lloydbanks, сюда вставлять? не помогло

[lloydbanks]

vagono, нажмите ctrl + f5, у меня все ок