Improve drop down menu on wide touch devices (Fixes #3), release 2.0.0

Author: Roni Laukkarinen

css/global.css

@@ -10,7 +10,7 @@
 /**
  * The current version of the theme.
  */
-define( 'AIR_VERSION', '1.9.9' );
+define( 'AIR_VERSION', '2.0.0' );
 
 /**
  * WooCommerce support

functions.php

@@ -1,6 +1,6 @@
 {
   "name": "air",
-  "version": "1.9.9",
+  "version": "2.0.0",
   "description": "A minimalist WordPress starter theme.",
   "author": "Digitoimisto Dude Oy ([email protected])",
   "devDependencies": {

package.json

@@ -44,22 +44,23 @@
 
           > a {
             padding-right: 2rem;
+          }
 
-            &:after {
-              @include vertical-align();
-              opacity: .8;
-              background-image: url('../svg/chevron-down.svg');
-              background-repeat: no-repeat;
-              background-position: center;
-              content: ' ';
-              width: 10px;
-              height: 10px;
-              position: absolute;
-              right: 12px;
-              margin-top: -.1rem;
-              padding-right: .2rem;
-              vertical-align: text-bottom;
-            }
+          button.dropdown-toggle {
+            @include vertical-align();
+            opacity: .8;
+            background-image: url('../svg/chevron-down.svg');
+            background-repeat: no-repeat;
+            background-position: center;
+            content: ' ';
+            width: 10px;
+            height: 10px;
+            position: absolute;
+            right: 0;
+            margin-top: -.1rem;
+            padding-right: .2rem;
+            vertical-align: text-bottom;
+            background-color: transparent;
           }
         }
 
@@ -76,14 +77,14 @@
           &.page-item-has-children {
             > a {
               padding-right: 2rem;
+            }
 
-              &:after {
-                background-image: url('../svg/chevron-right.svg');
-                background-repeat: no-repeat;
-                background-position: center;
-                top: 22px;
-                padding-right: .2rem;
-              }
+            button.dropdown-toggle {
+              background-image: url('../svg/chevron-right.svg');
+              background-repeat: no-repeat;
+              background-position: center;
+              top: 22px;
+              padding-right: .2rem;
             }
           }
         }
@@ -213,12 +214,6 @@
     }
   }
 
-  @media screen and (min-width: $responsivenav) {
-    .dropdown-toggle {
-      display: none;
-    }
-  }
-
   @media screen and (min-width: $responsivenav) {
     position: relative;
     max-height: none;

sass/layout/_navigation.scss

@@ -4,7 +4,7 @@ Theme URI: https://github.com/digitoimistodude/air
 Author: Digitoimisto Dude Oy
 Author URI: https://www.dude.fi
 Description: A minimalist WordPress starter theme.
-Version: 1.9.9
+Version: 2.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: air
@@ -19,6 +19,6 @@ Tags:
 * @link https://github.com/Automattic/_s/commits/master
 *
 * @author Roni Laukkarinen, Timi Wahalahti
-* @version 25.12.2016
+* @version 26.12.2016
 * @since 28.01.2016
 */