微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在 Magento 2 中重新定位顶部搜索框?

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

我是 Magento 平台的新手,我已经通过我的 type2.cssdefault.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 举报,一经查实,本站将立刻删除。