如何在 Magento 2 中重新定位顶部搜索框？

编程问答 2022-06-01

问题描述

在我的 Magento site 中，我有一个顶部搜索栏，用于快速搜索当前浮动在左侧的任何项目。我想重新定位右侧的框（如我在附件中指出的那样）；假设就在迷你购物车图标之前。

我是 Magento 平台的新手，我已经通过我的 type2.css 和 default.xml 文件尝试了许多可能的方法，例如在 <move element="top.search" destination="header.panel" after="logo" /> 标签中添加 body。在 type2.css 文件中，我尝试了：

    @media only screen and (max-width:767px){

    .page-header.type2 .block-search{float:none;margin-bottom:0}
    .page-header.type2 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:10px}
    .page-header.type2 .block-search .label:before{color:#fff;cursor:pointer}
    
}

没有什么能带我去任何地方，如果有人能帮助我，我将不胜感激。

注意：默认情况下，当屏幕尺寸较小时，搜索框会浮动在右侧，也就是说，当最小屏幕尺寸变为 767 像素或更大时，我需要将其向右浮动。

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

e-commercemagentomagentomagento2xmlxmlxmlxmlxmlxml