Added dropdown menu, needs style fixing

2 files changed, 30 insertions, 8 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 6690b33..685720d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -77,25 +77,46 @@ h1{
 					color: lightblue;
 				}
 
-			/*.drop-menu {
+			/*.drop-menu ul {
+				display: none;
+				width: 100%;
+				position: absolute;
+				left: 0;
+			}	
+
+			.drop-menu ul li {
+				float: none;
+			}
+
+			.drop-menu ul li a {
+				padding: 12px 16px;
+
+			}*/
+
+			.drop-menu {
 			    display: none;
 			    position: absolute;
 			    background-color: #f9f9f9;
-			    min-width: 160px;
+			    /*min-width: 160px;*/
 			    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 			}
 
-			.drop-menu a {
-			    color: black;
-			    padding: 12px 16px;
+			.drop-menu li {
+				height: auto;
+				float: none;
+				color: black;
 			    text-decoration: none;
 			    display: block;
 			    text-align: left;
 			}
 
+			.drop-menu li a {
+				padding: 12px 16px;
+			}
+
 			.drop-down:hover .drop-menu {
 			    display: block;
-			}*/
+			}
 
 
 main {
@@ -153,6 +174,7 @@ main .search input[type=text] {
     background-position: 9px 9px;
     background-repeat: no-repeat;
     padding: 12px 20px 12px 40px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     -webkit-transition: width 0.4s ease-in-out;
     transition: width 0.4s ease-in-out;
 }
diff --git a/index.html b/index.html
index 43df11d..0d7dd5a 100644
--- a/index.html
+++ b/index.html
@@ -17,14 +17,14 @@
 				<li><a href="#">Log In</a></li>
 				<li class="drop-down">
 					<a href="#">Courses</a>
-					<!--<nav class="drop-menu">
+					<nav class="drop-menu">
 						<ul>
 							<li><a href="#">First Year</a></li>
 							<li><a href="#">Second Year</a></li>
 							<li><a href="#">Third Year</a></li>
 							<li><a href="#">Fourth Year</a></li>
 						</ul>	
-					</nav>-->
+					</nav>
 				</li>
 				<!-- <li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> -->
 			</ul>