Fix issue rendering navbar main item with subitems unclickable

source/js/components/navbar/NavbarSubitem.vue

 <template>
   <div @mouseenter="onMouseEnter" @mouseleave="onMouseLeave">
-    <span class="navbar-menu__link navbar-menu__submenu-toggle" :class="{'navbar-menu__submenu-toggle--open': show}" @click="handleClick">{{ label }}</span>
+    <span v-if="!href" class="navbar-menu__link navbar-menu__submenu-toggle" :class="{'navbar-menu__submenu-toggle--open': show}" @click="handleClick">{{ label }}</span>
+    <a v-if="href" :href="href" class="navbar-menu__link navbar-menu__submenu-toggle" :class="{'navbar-menu__submenu-toggle--open': show}" @click.prevent="handleClick">{{ label }}</a>
     <div :class="{'navbar-menu__submenu-wrap--show': show}" class="navbar-menu__submenu-wrap">
       <slot>
       </slot>
@@ -36,9 +37,12 @@ export default {
         this.$data.show = false;
       }
     },
-    handleClick() {
-      if (this.$props.href) {
-        window.location = this.$props.href;
+    handleClick(evt) {
+      // On mobile screens, first click should just toggle and redir on second one
+      if (isLgScreenSize() || this.$data.show) {
+        if (this.$props.href) {
+          window.location = this.$props.href;
+        }
       }
 
       this.$data.show = !this.$data.show;