diff --git a/web/src/main/resources/web/css/bloodshed-color.css b/web/src/main/resources/web/css/bloodshed-color.css
index eac401a..3dd8414 100644
--- a/web/src/main/resources/web/css/bloodshed-color.css
+++ b/web/src/main/resources/web/css/bloodshed-color.css
@@ -307,4 +307,11 @@ tr:hover .taglist .tag button {
 
 .easylist .filter{
 	background: black;
+}
+
+@media screen and (max-width: 900px) {
+	#app nav a{
+		background: black;
+		color: red;
+	}
 }
\ No newline at end of file
diff --git a/web/src/main/resources/web/css/bloodshed.css b/web/src/main/resources/web/css/bloodshed.css
index 4268c89..d7536cf 100644
--- a/web/src/main/resources/web/css/bloodshed.css
+++ b/web/src/main/resources/web/css/bloodshed.css
@@ -426,6 +426,45 @@ a.wikilink{
     float: right;
 }
 
+@media screen and (min-width: 900px) {
+	#app nav button.symbol{
+		display: none;
+	}
+}
+
+@media screen and (max-width: 900px) {
+	#app nav{
+        grid-template-columns: 33% 34% 33%;
+		display: grid;
+		padding: 0 10px;
+		position: absolute;
+		left: 0;
+		right: 0;
+
+    }
+    #app nav form{
+    	grid-column-end: span 2;
+    }
+    #app nav .logout{
+    	grid-column-end: 4;
+    }
+
+	#app nav.collapsed a{
+		display: none;
+	}
+
+	#app nav a {
+	  font-size: 19px !important;
+	  display: grid;
+	  text-align: center;
+	  border: 1px solid;
+	  margin: 5px;
+	  padding: 15px 0;
+	  border-radius: 7px;
+	}
+}
+
+
 @media screen and (max-width: 600px) {
     .grid2{
         display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
 	.easylist input{
 		font-size: 20px;
 	}
+	#app nav{
+		grid-template-columns: auto auto;
+	}
+	#app nav form{
+		grid-column-end: span 1;
+	}
+    #app nav .logout{
+    	grid-column-end: 3;
+    }
 }
 
 fieldset.vcard{
diff --git a/web/src/main/resources/web/css/default.css b/web/src/main/resources/web/css/default.css
index 552929e..00e091c 100644
--- a/web/src/main/resources/web/css/default.css
+++ b/web/src/main/resources/web/css/default.css
@@ -512,13 +512,12 @@ a.wikilink{
 
 @media screen and (max-width: 900px) {
 	#app nav{
-        grid-template-columns: auto auto auto;
+        grid-template-columns: 33% 34% 33%;
 		display: grid;
 		padding: 0 10px;
 		position: absolute;
 		left: 0;
 		right: 0;
-
     }
     #app nav form{
     	grid-column-end: span 2;
@@ -539,6 +538,10 @@ a.wikilink{
 	  margin: 5px;
 	  border-radius: 7px;
 	}
+
+	#app nav a::before {
+      font-size: 30px;
+    }
 }
 
 
diff --git a/web/src/main/resources/web/css/winter-color.css b/web/src/main/resources/web/css/winter-color.css
index 0bc84c3..5c456e1 100644
--- a/web/src/main/resources/web/css/winter-color.css
+++ b/web/src/main/resources/web/css/winter-color.css
@@ -282,4 +282,11 @@ tr:hover .taglist .tag button {
 .easylist fieldset {
 	border-color: blue;
 	color: blue;
+}
+
+@media screen and (max-width: 900px) {
+	#app nav a{
+		background: white;
+		color: blue;
+	}
 }
\ No newline at end of file
diff --git a/web/src/main/resources/web/css/winter.css b/web/src/main/resources/web/css/winter.css
index 359a887..e8f5857 100644
--- a/web/src/main/resources/web/css/winter.css
+++ b/web/src/main/resources/web/css/winter.css
@@ -426,6 +426,45 @@ a.wikilink{
     float: right;
 }
 
+@media screen and (min-width: 900px) {
+	#app nav button.symbol{
+		display: none;
+	}
+}
+
+@media screen and (max-width: 900px) {
+	#app nav{
+        grid-template-columns: 33% 34% 33%;
+		display: grid;
+		padding: 0 10px;
+		position: absolute;
+		left: 0;
+		right: 0;
+
+    }
+    #app nav form{
+    	grid-column-end: span 2;
+    }
+    #app nav .logout{
+    	grid-column-end: 4;
+    }
+
+	#app nav.collapsed a{
+		display: none;
+	}
+
+	#app nav a {
+	  font-size: 19px !important;
+	  display: grid;
+	  text-align: center;
+	  border: 1px solid;
+	  margin: 5px;
+	  padding: 15px 0;
+	  border-radius: 7px;
+	}
+}
+
+
 @media screen and (max-width: 600px) {
     .grid2{
         display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
 	.easylist input{
 		font-size: 20px;
 	}
+	#app nav{
+		grid-template-columns: auto auto;
+	}
+	#app nav form{
+		grid-column-end: span 1;
+	}
+    #app nav .logout{
+    	grid-column-end: 3;
+    }
 }
 
 fieldset.vcard{