improve to show all menus in one screen on small screen smartphones

fediev · fediev · commit b07ae6398e3d · 2015-02-17T16:58:24.000+09:00
diff --git a/site/style/garden.css b/site/style/garden.css
@@ -600,7 +600,10 @@ a abbr {
 	}
 
 	#nav_main > ul > li {
-		width: 100%;
+		float: left;
+		text-align: center;
+		width: 25%;
+		border-bottom: 0;
 	}
 
 	#nav_mobile {
@@ -611,3 +614,14 @@ a abbr {
 		display: none;
 	}
 }
+
+/* Small Screen "Smarphone" Vertical Mode */
+
+@media screen and (max-width: 360px) {
+	#nav_main > ul > li {
+		float: left;
+		text-align: center;
+		width: 33.33%;
+		border-bottom: 0;
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -600,7 +600,10 @@ a abbr {`
`600`	`600`	`}`
`601`	`601`
`602`	`602`	`#nav_main > ul > li {`
`603`		`- width: 100%;`
	`603`	`+ float: left;`
	`604`	`+ text-align: center;`
	`605`	`+ width: 25%;`
	`606`	`+ border-bottom: 0;`
`604`	`607`	`}`
`605`	`608`
`606`	`609`	`#nav_mobile {`
`@@ -611,3 +614,14 @@ a abbr {`
`611`	`614`	`display: none;`
`612`	`615`	`}`
`613`	`616`	`}`
	`617`	`+`
	`618`	`+/* Small Screen "Smarphone" Vertical Mode */`
	`619`	`+`
	`620`	`+@media screen and (max-width: 360px) {`
	`621`	`+ #nav_main > ul > li {`
	`622`	`+ float: left;`
	`623`	`+ text-align: center;`
	`624`	`+ width: 33.33%;`
	`625`	`+ border-bottom: 0;`
	`626`	`+ }`
	`627`	`+}`