Menu finalizado para versao mobile

assets/style.css

@@ -33,8 +33,13 @@ a{
 
 
 #options {
+	display:none;
+	position:fixed;
+	right:0;
+	top:0;
     background: #40444c;
     border-color: #DDD;
+	z-index:10;
 }
 
 #options > div {
@@ -69,7 +74,7 @@ a{
 
 @media only screen and (max-device-width: 480px) {
 	#navbar{
-		display: none;
+		display: inline;
 	}
 
 	#container{
@@ -330,10 +335,16 @@ table#cronograma .othercolumns{
     }
     
     #menu {
-        height: 0;
+		display:none;
+        width: 100%;
+        top:0;
         overflow: hidden;
     }
     
+    #options {
+		display:inline;
+    }
+    
     #menu.open{
         transition-timing-function: ease-out;
         transition: height 100%;

index.php

@@ -32,13 +32,7 @@
 			<img class="pure-menu-heading" id="logo" src="assets/logo.png"/>
 			*/?>
 			
-			<div id="options">
-			    <div onclick="open_menu()">
-			        <div></div>
-			        <div></div>
-			        <div></div>
-			    </div>
-			</div>
+			
 			
 			<ul id="menu">
 				<li><a href="#log">Atualizações</a></li>
@@ -496,17 +490,24 @@ ______________________________________PATROCINIO  AQUI__________________________
 			</div>
 		</div>
 	</div>
+	<div id="options">
+			    <div onclick="open_menu()">
+			        <div></div>
+			        <div></div>
+			        <div></div>
+			    </div>
+	</div>
+	
 	<script>
 	
+	
+	
 	function open_menu(){
 	    e = document.getElementById('menu');
-	    
-	    if(e.className == "open"){
-	        e.className = "";
-	    }
-	    else{
-	        e.className = "open";
-	    }
+	    if(e.style.display != "inline")
+			e.style.display="inline";
+		else
+			e.style.display="none"; 
 	}
 	
 	</script>