feat : menu less调整

app/design/frontend/Joshine/breeze/Magento_Search/templates/form.mini.phtml

@@ -16,7 +16,7 @@ $allowedSuggestion = $configProvider->isSuggestionsAllowed();
 $quickSearchUrl = $allowedSuggestion ? $escaper->escapeUrl($helper->getSuggestUrl()) : '';
 $quickSearchUrl = $allowedSuggestion ? $escaper->escapeUrl($helper->getSuggestUrl()) : '';
 ?>
 ?>
 <div class="block block-search">
 <div class="block block-search">
-    <div class="block block-title"><strong style="display: none"><?= $escaper->escapeHtml(__('Search')) ?></strong></div>
+    <!--<div class="block block-title"><strong style="display: none"><?= $escaper->escapeHtml(__('Search')) ?></strong></div>-->
     <div class="block block-content">
     <div class="block block-content">
         <form class="form minisearch" id="search_mini_form"
         <form class="form minisearch" id="search_mini_form"
               action="<?= $escaper->escapeUrl($helper->getResultUrl()) ?>" method="get">
               action="<?= $escaper->escapeUrl($helper->getResultUrl()) ?>" method="get">

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -1310,9 +1310,7 @@ footer{
   font-size: 12px;
   font-size: 12px;
   font-family: sans-serif;
   font-family: sans-serif;
 }
 }
-.block-search{
-  width: 20%;
-}
+
 :where(input:not([type=range])):focus, :where(input:not([type=range])):focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible{
 :where(input:not([type=range])):focus, :where(input:not([type=range])):focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible{
   --input-shadow-spread: 0;
   --input-shadow-spread: 0;
 }
 }
@@ -1328,13 +1326,9 @@ footer{
   font-size: 14px;
   font-size: 14px;
 }
 }
 .navigation-wrapper{
 .navigation-wrapper{
-  padding-top: 10px;
-  padding-bottom: 10px;
   //background: #f2f2f2;
   //background: #f2f2f2;
   //border-top: 1px solid #e1e1e1;
   //border-top: 1px solid #e1e1e1;
   font-family: 'Outfit-Regular', sans-serif;
   font-family: 'Outfit-Regular', sans-serif;
-  width: 79%;
-  margin: 0 auto;
 
 
   .nav-sections{
   .nav-sections{
     background: transparent;
     background: transparent;
@@ -1344,10 +1338,22 @@ footer{
     position: unset;
     position: unset;
   }
   }
   @media(min-width: 1024px){
   @media(min-width: 1024px){
+
+    & {
+      margin-left: auto;
+    }
+
     .navigation{
     .navigation{
       margin-left: 2px;
       margin-left: 2px;
     }
     }
 
 
+    + .block-title{
+      padding: 0 !important;
+    }
+
+    + .block-search {
+      margin-left: auto;
+    }
 
 
     .navigation .active>a.level-top, .navigation .has-active>a.level-top{
     .navigation .active>a.level-top, .navigation .has-active>a.level-top{
       background:none;
       background:none;
@@ -1415,22 +1421,10 @@ footer{
       color: #666666;
       color: #666666;
       font-family: 'Outfit-Regular', sans-serif;
       font-family: 'Outfit-Regular', sans-serif;
     }
     }
-    .navigation .subchildmenu.col-sm-9 li{
-      position: relative;
-      border: none;
-    }
-    .navigation li.level0 .submenu .subchildmenu.col-sm-9 li.level1{
-      position: relative;
-      border: none;
-    }
+
     .navigation li.level0.last{
     .navigation li.level0.last{
       position: unset;
       position: unset;
     }
     }
-    .submenu.col-sm-11{
-      width: 13rem;
-      margin-top: 16px;
-      padding: 10px 0;
-    }
 
 
     .navigation ul li.level0>a>span.ui-menu-icon-1{
     .navigation ul li.level0>a>span.ui-menu-icon-1{
       top: -13px;
       top: -13px;
@@ -1508,11 +1502,6 @@ footer{
       border: 3px solid transparent;
       border: 3px solid transparent;
     }
     }
 
 
-    .nav-sections{
-      width: 77%;
-      margin: 0 auto;
-    }
-
   }
   }