Responsive menu werkt niet mobiel [OPGELOST]
Posted: Tue Oct 06, 2015 9:59 am
Hallo allemaal,
Ik ben bezig om mijn website: http://alturl.com/645oj om te zetten naar responsive.
Ben nu bezig met het menu, dit wil nog niet lukken althans het werkt wel op de PC zodra ik mijn scherm verklein maar niet op mobiel, het menu blijft dan exact hetzelfde.
Iemand enig idee waar dit aan ligt?
Alvast bedankt!
Gr. Sjoerd.
Ik ben bezig om mijn website: http://alturl.com/645oj om te zetten naar responsive.
Ben nu bezig met het menu, dit wil nog niet lukken althans het werkt wel op de PC zodra ik mijn scherm verklein maar niet op mobiel, het menu blijft dan exact hetzelfde.
Code: Select all
@media screen and (max-width: 800px) {
/* mobile menu css */
#nav-mobile {
background: #0090fe;
font-size: 16px;
color: #FFF;
padding: 18px;
border-radius: 0px;
margin-top: 75px;
}
#nav-mobile:before {
content: "Navigeer naar...";
}
#menu {
float: none;
font-size: 16px;
display: none;
border: none;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
left: 0px;
top: 0px;
}
#menu a {
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
margin-left: 0px;
}
#menu-mobile:hover #menu {
display: block;
}
Alvast bedankt!
Gr. Sjoerd.