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:
Hat vielleicht einer eine Idee oder Hinweis wo das Problem liegen könnte?
Vielen Dank im Voraus.
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:
Code Auswählen
@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.