优化币种手机端展示

app/design/frontend/Joshine/breeze/Magento_Theme/layout/default.xml

@@ -40,6 +40,7 @@
         <move element="top.links" destination="header.account"/>
         <move element="top.links" destination="header.account"/>
         <move element="wishlist_sidebar" destination="header.wishlist"/>
         <move element="wishlist_sidebar" destination="header.wishlist"/>
         <move element="header.search.bar" destination="header-wrapper" before="header.account"/>
         <move element="header.search.bar" destination="header-wrapper" before="header.account"/>
+        <move element="store.settings.currency" destination="navigation.wrapper" after="navigation.sections"/>
         <referenceContainer name="header-wrapper">
         <referenceContainer name="header-wrapper">
             <block class="Magento\Framework\View\Element\Text" name="header.search.bar">
             <block class="Magento\Framework\View\Element\Text" name="header.search.bar">
                 <arguments>
                 <arguments>

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

@@ -91,6 +91,7 @@
   margin-right: auto !important;
   margin-right: auto !important;
   max-width: 1280px;
   max-width: 1280px;
 }
 }
+.header-top.header-fixed .panel.header .switcher.currency{display: none !important;}
 @media (max-width: 1024px){
 @media (max-width: 1024px){
   .box-tocart .fieldset .actions
   .box-tocart .fieldset .actions
   {
   {
@@ -133,6 +134,9 @@
   .header.content{
   .header.content{
     gap: 3px;
     gap: 3px;
   }
   }
+  .switcher.currency{
+    right: 112px !important;
+  }
   .header.content > a{
   .header.content > a{
     margin-left: 15%;
     margin-left: 15%;
   }
   }
@@ -1030,6 +1034,19 @@ footer{
   .navigation :where(li[class*=level])>a:hover{
   .navigation :where(li[class*=level])>a:hover{
     background: none !important;
     background: none !important;
   }
   }
+
+  .switcher.currency{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    margin-top: 10px;
+    border-bottom: 1px solid #efefef;
+    padding-bottom: 5px;
+  }
+  .switcher.currency .label.switcher-label{color: #999999;position: unset;width: unset;height: unset;}
+  .switcher.currency .actions.dropdown{width: 80px;}
+  .switcher.currency .dropdown.switcher-dropdown{width: 160px;}
 }
 }
 .header.content{
 .header.content{
   max-width: none;
   max-width: none;