移动菜单(全角)代替下拉菜单,经典主题菜单错误

时间:2019-02-01 10:49:52

标签: prestashop prestashop-1.7

我正在将下拉菜单更改为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而不是语言选择选项卡的两倍,并且过滤器按钮显示在页面中心时。

0 个答案:

没有答案