Merge pull request #9916 from Jarsen136/issue-9915

fix: Mobile menu gone on 640-1024px
kodadot · Mar 29, 2024 · bd75586 · bd75586
2 parents 7c8c26c + 4fbe832
commit bd75586
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/assets/styles/layouts/_main-navigation.scss b/assets/styles/layouts/_main-navigation.scss
@@ -138,7 +138,10 @@
  }
 
  &.is-active .navbar-brand {
- min-height: $navbar-mobile-min-height;
+ min-height: $navbar-desktop-min-height;
+ @include mobile {
+ min-height: $navbar-mobile-min-height;
+ }
  }
  }
 }

diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -6,7 +6,9 @@
  :class="{
  'is-active': isMobileNavbarOpen,
  }">
- <div class="container items-center" :class="{ 'is-fluid': !isTouch }">
+ <div
+ class="container items-center max-lg:!px-0"
+ :class="{ 'is-fluid': !isTouch }">
  <!-- BRAND -->
  <div class="navbar-brand">
  <nuxt-link
@@ -43,7 +45,7 @@
  <!-- BURGER MENU -->
  <a
  role="button"
- class="navbar-burger sm:hidden"
+ class="navbar-burger lg:hidden"
  :class="{ 'is-active': isMobileNavbarOpen }"
  aria-label="menu"
  aria-expanded="false"