Hallo zusammen,
ich habe eine Webseite erstellt und habe dafür das Winter Layout aus dem Archiv benutzt.
Funktioniert auch alles einwandfrei, bis auf die Darstellung des Menüs auf mobilen Endgeräten.
Bei meinem iPhone z.B. wird auf der linken oberen Seite nur "Menü" angezeigt. Bei klick passiert aber nichts.
Der Source Code für das mobile Menü in der css Datei sieht aktuell wie folgt aus:
@media only screen and (max-width: 480px) {
.header {
width: 100%;
position: fixed;
height: 40px
}
.page-header {
min-height: 200px;
margin-top: 40px
}
/*MENÜ*/
nav > ul {
background: #494e59;
}
nav ul a {
height: auto
}
nav > ul,
nav > ul > li {
float: none;
}
nav > ul > li > ul,
nav > ul > li:hover > ul {
position: relative;
}
nav > ul > li > ul > li:hover > ul {
position: relative;
left: 0;
}
nav ul > li > ul > li a {
width: auto;
padding-left: 25px
}
nav > ul > li > ul > li > ul > li > a {
font-style: italic;
padding-left: 50px
}
nav > ul > li {
display: none;
}
nav > ul:hover li {
display: block;
}
nav > ul::before {
display: block;
content: "Menü";
padding: 10px;
color: #c6d4e1;
}
nav ul li ul {display:block}
}
Hat vielleicht einer eine Idee oder Hinweis wo das Problem liegen könnte?
Vielen Dank im Voraus.
Hallo timmib10,
die js-Datei war nicht korrekt im Template eingebunden und wurde deshalb nicht ausgeführt. Kannst du es mal bitte mit der angehangenen Datei versuchen?
Gruss
Maik
und gleich nochmal mit der korrekten Datei. Kann die andere leider nicht löschen
Hallo timmib10,
Version 1.0.2 hat jetzt auch ios support http://www.mozilo.de/forum/index.php?action=media;sa=item;in=294 (http://www.mozilo.de/forum/index.php?action=media;sa=item;in=294)