Merge pull request #154 from wpcomvip/AC-1593

Policy page secondary menu

Author: Max Harris

themes/jolteon/css/app.css

@@ -16,19 +16,11 @@
 		}
 
 		a {
-			font-size: 16px;
+      font-size: $font-size-base;
 
-			@include mq($from: tablet) {
-				font-size: 15px;
-			}
-
-			@include mq($from: desktop) {
-				font-size: 16px;
-			}
-
-			@include mq($from: wide) {
-				font-size: 18px;
-			}
+      @include mq($from: wide) {
+        font-size: $font-size-large;
+      }
 		}
 
 		&.current-menu-item {
@@ -42,4 +34,54 @@
 			}
 		}
 	}
+
+  #policies-menu {
+    width: 100%;
+
+    @include mq($from: wide) {
+      width: 1170px;
+    }
+
+    .c-sticky-menu__list {
+      @include mq($from: tablet) {
+        flex-wrap: wrap;
+      }
+
+      .menu-item {
+        &.current-menu-item {
+          a {
+            box-shadow: none;
+
+            @include mq($from: desktop) {
+              box-shadow: inset 0 -4px 0 0 $sp-orange;
+            }
+          }
+        }
+
+        @include mq($from: tablet) {
+          margin-right: 0;
+          text-align: center;
+          width: 20%;
+        }
+
+        @include mq($from: desktop) {
+          width: auto;
+        }
+
+        a {
+          @include mq($from: smartphone) {
+            font-size: $font-size-small;
+            line-height: 1.2em;
+          }
+
+          @include mq($from: tablet) {
+            align-items: center;
+            display: flex;
+            font-size: $font-size-base;
+            justify-content: center;
+          }
+        }
+      }
+    }
+  }
 }

themes/jolteon/css/app.min.css

@@ -1,13 +1,19 @@
+<?php
+  global $post;
+  $post_data = get_post($post->post_parent);
+  $parent_slug = $post_data->post_name;
+?>
+
 <nav id="page-menu" class="c-sticky-menu">
-  <div class="container">
+  <div class="container" id="<?php echo esc_attr($parent_slug) . '-menu'; ?>">
     <ul class="c-sticky-menu__list">
       <?php
-      wp_nav_menu(array(
-        'container' => '',
-        'menu' => $navigation,
-        'items_wrap' => '%3$s',
-     ));
-      ?>
+        wp_nav_menu(array(
+          'container' => '',
+          'menu' => $navigation,
+          'items_wrap' => '%3$s',
+        ));
+        ?>
     </ul>
   </div>
 </nav>