Wenn man die Navigation für beide Ansichten nutzen möchte, dann ist das mit der Erweiterung [mobile_menu] einfacher. dk_mmenu zerreißt die Liste per JS in mehrere ULs.
Mit mobile_menu könnte man als Ausgangspunkt für die Desktopansicht so ein CSS benutzen.
PHP-Code:
@media (min-width: 960px) {
.mobile_menu {
width: 100% !important;
height: auto !important;
transform: none !important;
}
.mobile_menu .inner {
height: auto;
overflow: visible;
}
.subnav li {
float: left;
}
.subnav li.submenu_hide > ul {
display: none;
}
.subnav ul ul {
position: absolute;
left: 0;
}
}
/* optional */
.subnav .submenu > a::after,
.subnav .submenu > span::after {
content: '›';
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
}
.subnav .submenu_show > a::after,
.subnav .submenu_show > span::after {
transform: rotate(90deg);
}
Meine Navigation hat die Klasse subnav. Mein Breakpoint liegt bei 960px. Der Ansatz ist für maximal 2 Level.
Lesezeichen