fix(default-theme): fixed navigations links alignment

vuestorefront · Nov 4, 2020 · 7caf84c · 7caf84c
1 parent 6e9b047
commit 7caf84c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/default-theme/src/components/SwMegaMenu.vue b/packages/default-theme/src/components/SwMegaMenu.vue
@@ -7,9 +7,9 @@
   >
     <div class="sw-mega-menu__content">
       <div
-        class="sw-mega-menu__content-section"
         v-for="subcategory in category.children"
         :key="subcategory.name"
+        class="sw-mega-menu__content-section"
         data-cy="mega-menu-category"
       >
         <nuxt-link
@@ -101,6 +101,10 @@ export default {
           }
         }
       }
+
+      .sf-header__link {
+        text-align: left;
+      }
     }
 
     .sf-heading {

diff --git a/packages/default-theme/src/components/SwTopNavigation.vue b/packages/default-theme/src/components/SwTopNavigation.vue
@@ -182,6 +182,11 @@ export default {
   --c-link-hover: var(--_c-green-primary);
   --heading-title-font-line-height: 24px;
 
+  ::v-deep .sf-menu-item__label {
+    text-align: left;
+    width: 100%;
+  }
+
   .sw-overlay {
     --overlay-z-index: 1;
   }
@@ -190,9 +195,11 @@ export default {
     ::v-deep .sf-header {
       display: flex;
       justify-content: space-between;
+
       &__sticky-container {
         width: 100%;
       }
+
       &__navigation {
         flex: 0 0 calc(100% - 20rem);
       }