menu added hover style + baseline alignment

wordpress/wp-content/themes/makeitopen/assets/scss/global/_nav.scss

@@ -51,13 +51,45 @@
 				font-family: $font-header;
 				font-size: 19px;
 				line-height: 21px;
+				position: relative;
 
 				@media only screen and (min-width: $medium) {
-					padding: 10px 8px;
+					padding: 10px 8px 0;
 				}
 
 				@media only screen and (min-width: $large) {
-					padding: 15px;
+					padding: 15px 15px 0;
+				}
+
+				&:before, &:after {
+					z-index: -2;
+					content: "";
+					position: absolute;
+					height: 3px;
+					bottom: 18px;
+					left: 10px;
+					right: 12px;
+					mix-blend-mode: multiply;
+					transition: background 0.2s ease;
+					background: transparent;
+
+					@media only screen and (min-width: $medium) {
+						bottom: -2px;
+					}
+
+					@media only screen and (min-width: $large) {
+						left: 15px;
+						right: 17px;
+					}
+				}
+
+				&:after {
+					transform: translate(2px,2px);
+				}
+
+				&:hover:after,
+				&:hover:before {
+					background: $bg-yellow;
 				}
 			}
 
@@ -132,38 +164,29 @@
 				}
 			}
 
-			&.current-menu-item a,
-			.menu-item-32 .post-type-archive-resources & a {
-				position: relative;
+			&.current-menu-item {
+				a:before {
+					background: $blue;
+				}
 
-				&:before, &:after {
-					z-index: -2;
-					content: "";
-					position: absolute;
-					height: 3px;
-					bottom: 18px;
-					left: 10px;
-					right: 12px;
-					mix-blend-mode: multiply;
+				a:after {
+					background: $bg-yellow;
+				}
 
-					@media only screen and (min-width: $medium) {
-						bottom: 8px;
-					}
+				&.news a:before {
+					background: $red;
+				}
 
-					@media only screen and (min-width: $large) {
-						left: 15px;
-						right: 17px;
-						bottom: 13px;
-					}
+				&.resources a:before {
+					background: $green;
 				}
 
-				&:before {
-					background: $blue;
+				&.getinvolved a:before {
+					background: $purple;
 				}
 
-				&:after {
-					transform: translate(2px,2px);
-					background: $lightblue;
+				&.about a:before {
+					background: $yellow;
 				}
 			}
 		}

wordpress/wp-content/themes/makeitopen/inc/template-functions.php

@@ -33,13 +33,10 @@ function current_menu_item_for_archives($menu) {
   global $post;
 
   if (is_singular('post')) {
-    $menu = str_replace( 'news', 'current-menu-item', $menu );
+    $menu = str_replace( 'news', 'news current-menu-item', $menu );
   }
   if (get_post_type($post) == 'resources') {
-    $menu = str_replace( 'resources', 'current-menu-item', $menu );
-  }
-  if (get_post_type($post) == 'events') {
-    $menu = str_replace( 'events', 'current-menu-item', $menu );
+    $menu = str_replace( 'resources', 'resources current-menu-item', $menu );
   }
   return $menu;
 }