Responsive menu werkt niet mobiel [OPGELOST]

[sjoerdd87]

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.

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;
		


	}

Iemand enig idee waar dit aan ligt?

Alvast bedankt!

Gr. Sjoerd.

[pasmaskas]

Als ik je website herschaal dan zie ik het mobile menu en die werkt gewoon. Ook op mijn android telefoon.

Gr Pascal

[sjoerdd87]

Als ik je website herschaal dan zie ik het mobile menu en die werkt gewoon. Ook op mijn android telefoon.

Gr Pascal

Klopt heb het voor elkaar gekregen was vergeten:

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1">

Toe te voegen.

Bedankt!