Кратенько. Если нужно сделать выпадающее меню можно использовать
[CSS].sub-menu - ul список подменю
.current-menu-parent - родоначальник в данный момент выбранной строки меню
.current-menu-item - в данный момент выбранное меню[/CSS]
Для начала нужно совсем скрыть подменю:
.menu .sub-menu {display: none}
Когда курсор мыши находится над пунктом меню hover) — подменю было видно.
.menu li:hover .sub-menu { display:block !important}
И сделать видимым ul список от родителя выбранного в данный момент пункта меню:
.current-menu-parent ul { display:block !important}
Раскрасить на свой вкус фон и цвет ссылок у выбранного пункта меню:
[CSS].menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.4)}
.current-menu-item a { color:#FFF}[/CSS]
Код полностью:
[CSS].menu .sub-menu {display: none}
.menu li:hover .sub-menu, .current-menu-parent ul { display:block !important}
.menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.5)}
.current-menu-item a { color:#FFF}[/CSS]
[CSS].sub-menu - ul список подменю
.current-menu-parent - родоначальник в данный момент выбранной строки меню
.current-menu-item - в данный момент выбранное меню[/CSS]
Для начала нужно совсем скрыть подменю:
Когда курсор мыши находится над пунктом меню hover) — подменю было видно.
И сделать видимым ul список от родителя выбранного в данный момент пункта меню:
Раскрасить на свой вкус фон и цвет ссылок у выбранного пункта меню:
[CSS].menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.4)}
.current-menu-item a { color:#FFF}[/CSS]
Код полностью:
[CSS].menu .sub-menu {display: none}
.menu li:hover .sub-menu, .current-menu-parent ul { display:block !important}
.menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.5)}
.current-menu-item a { color:#FFF}[/CSS]