我正在将下拉菜单更改为Prestashop 1.7.5.0 childtheme主题的全角移动菜单。
在一开始,我可以补充一点,纯子主题中存在一些错误,当我将浏览器范围从768px最小化到784px时,主菜单完全消失了。
我花了很多时间尝试做正确的事。
我已将值从768更改为2048
<b>/prestashop/themes/childtheme/assets/js/theme.js</b>
u.default.responsive.min_width=2048
和注释行
<b>prestashop\themes\childtheme\assets\css\theme.css</b>
@media (max-width:543px){.hidden-xs-down{display:none!important}}
@media (min-width:544px){.hidden-sm-up{display:none!important}}
@media (max-width:767px){.hidden-sm-down{display:none!important}}
/*@media (min-width:768px){.hidden-md-up{display:none!important}}*/
@media (max-width:991px){.hidden-md-down{display:none!important}}
@media (min-width:992px){.hidden-lg-up{display:none!important}}
@media (max-width:1199px){.hidden-lg-down{display:none!important}}
@media (min-width:1200px){.hidden-xl-up{display:none!important}}
结果令人满意,在所有浏览范围中,移动汉堡图标都位于该位置。唯一的问题是,当浏览器的宽度大于767px而不是语言选择选项卡的两倍,并且过滤器按钮显示在页面中心时。