Extended mdl menu item style to wordpress menu items

pixleight · Apr 22, 2016 · cc8ba4e · cc8ba4e
1 parent edcc9d9
commit cc8ba4e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/assets/styles/layouts/_header.scss b/assets/styles/layouts/_header.scss
@@ -0,0 +1,3 @@
+.mdl-navigation .menu-item {
+  @extend .mdl-navigation__link;
+}
diff --git a/templates/header.php b/templates/header.php
@@ -1,8 +1,10 @@
 <header class="mdl-layout__header">
   <div class="mdl-layout__header-row">
+    <!-- Title -->
     <a class="mdl-layout-title" href="<?= esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a>
+    <!-- Add spacer, to align navigation to the right -->
     <div class="mdl-layout-spacer"></div>
-
+    <!-- Navigation -->
     <?php
     if( has_nav_menu( 'primary_navigation' ) ) :
       // Remove wrapping <li> from around links