2013-08-14 4 views
0

Сайт Wordpress, который я поддерживаю, был обновлен пару месяцев назад, после чего наши выпадающие меню перестали работать должным образом.Выпадающие меню, падающие за содержимое страницы

www.grkroccenter.org

В меню есть и функционирование, просто не правильно. Иногда вы можете перезагрузить страницу и навести указатель мыши на ссылку с раскрывающимся списком (например, «ПРОГРАММЫ» или «О НАС»), а во время загрузки страницы вы на короткое время увидите раскрывающийся список, но затем страница загружается и содержимое кажется чтобы попасть в раскрывающееся меню.

Я пробовал различные решения z-index, и я - графический дизайнер, а не программист или эксперт Wrodpress. Я только помогаю поддерживать этот сайт; Я не создал его, и ДА, я знаю, насколько беспорядочным является код.

Любая помощь будет оценена по достоинству. Если вам нужна дополнительная информация, просто спросите. Спасибо!

+0

Похож 'дисплей: none' не получает переопределен для меню подразделов При наведении курсора мыши ... The superfish.js файл, кажется, установить видимость, но не отменить дисплей: нет для элементов подменю. – Omega

+1

Пожалуйста, прочтите: http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to- это –

+0

Хорошо, я прочитал эту ветку ... и я предполагаю, что должен опубликовать код CSS здесь, но я понятия не имею, что публиковать. – user2683770

ответ

0

Подменю установлено для отображения: none, что означает, что он никогда не будет виден, если не будет переопределено. Вам нужно что-то вроде этого:

.menu-item:hover .sub-menu { 
    visibility: visible; 
    display: block; 
} 
+0

Я не вижу ничего подобного в своем коде в таблице стилей ... Я пробовал размещать код, но предел символов здесь слишком строгий, и он не позволит мне публиковать нужную кодировку меню. Мой код меню выглядит примерно так (см. Следующий комментарий): – user2683770

+0

'} .sf-menu li: hover, .sf-menu li.sfHover, .sf-menu a: focus, .sf-menu a: hover, .sf-menu a: active { background: # c0bdb0; \t цвет: # 000; \t наброски: \t \t 0; } .sf-menu li: hover ul, .sf-menu li.sfHover ul { \t наверх: 32px;/* переопределение основных стилей */ } .sf-menu ul ul { margin-top: 0; } .sf-menu ul a { background: # a4a196; \t цвет: # 000; \t border-bottom: нет; } .sf-menu ul a: hover { background: # c0bdb0; \t цвет: # 000; } .sf-js-enabled ul li ul { \t margin-left: auto! Important; } .sf-menu ul li ul { \t margin-left: 110px; } ' – user2683770

+0

Извините, я не знаю, как заставить мой код показывать все красивое и организованное, как в таблице стилей. Я очень старался вернуться, но это не сработало. – user2683770