Navigation einer Webseite mit JavaScript

Hallo, ich mache gerade eine Webseite und möchte das diese auch auf dem Handy gut funktioniert. Jetzt will ich das ab einer bestimmten Bildschirmauflösung man auf den Menü Icon klickt und von rechts das Menü kommt. Vielleicht kann mir hier jemand helfen, die Sachen die ich im Internet finde verwirren mich nur.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <html>
<head> 
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0"/>
         <title>Schreinerei Brettner | Startseite</title>
   <style>
     body {
    margin:0;
    padding:0;
    width:100%;
    height: auto;
    background-size: cover;
    background-image: url(http://www.foto-schweiz.com/hintergrundbilder/hintergrundbild_21_1280x1024.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
 
#wrapper{
  display:flex;
  flex-direction:column;
}
header{
  display:flex;
  flex-direction:row;
 
    background-color:#FAEDD6;
    height:70px;
}
#logo{
  flex:1;
}
#mittemenue{
  display:flex;
  flex:2;
  width:80%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX