Fix responsive navigation menu

modified: .gitignore modified: content/stylesheet.css
TheSLinux · Jan 28, 2014 · fa47c9f · fa47c9f
1 parent bb9fefc
commit fa47c9f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 output/*
 tmp/*
 crash.log
+*.swp
diff --git a/content/stylesheet.css b/content/stylesheet.css
@@ -294,11 +294,11 @@ ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
 	text-align:left;
 	text-decoration:none;
 	padding:4px;
-	_padding-left:0;
-	font: 12px Tahoma;
+	font: 14px Tahoma;
 	color: #000;
 	text-decoration:none;
 	cursor:default;
+	vertical-align: text-bottom;
 }
 
 ul.pureCssMenu span{
@@ -317,7 +317,6 @@ ul.pureCssMenu ul li {
 }
 ul.pureCssMenu ul a {
 	text-align:left;
-	white-space:nowrap;
 }
 ul.pureCssMenu li.sep{
 	text-align:center;
@@ -344,7 +343,7 @@ ul.pureCssMenu li:hover>a{
 	background-color:#66A1D2;
 	border-color:#665500;
 	border-style:solid;
-	font:12px Tahoma;
+	font:14px Tahoma;
 	color: #FFFFFF;
 	text-decoration:none;
 }
@@ -353,7 +352,7 @@ ul.pureCssMenu li a:hover{
 	background-color:#66A1D2;
 	border-color:#665500;
 	border-style:solid;
-	font:12px Tahoma;
+	font:14px Tahoma;
 	color: #FFFFFF;
 	text-decoration:none;
 }
@@ -387,12 +386,15 @@ ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(/i
 ul.pureCssMenu ul li:hover > a span{	background-image:url(/i/cssmenu/arr_double_1o.gif);}
 ul.pureCssMenu table a:hover span{background-image:url(/i/cssmenu/arr_double_1o.gif)}
 
+/* For mobile */
 @media only screen and (max-width: 480px) {
 	#main {
 		width: 95%;
 	}
 
-	ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
+	ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover,
+	ul.pureCssMenu li a:hover,
+	ul.pureCssMenu li:hover>a {
 		font-size: 18px;
 	}
 }