Я собираюсь изменить раскрывающееся меню на полноэкранное мобильное меню в теме детской темы Prestashop 1.7.5.0.
В начале я могу добавить, что в баге есть какая-то ошибка.чисто детская тема, когда я уменьшаю размер браузера от 768 до 784 пикселей, главное меню полностью исчезает.
Я потратил кучу часов, пытаясь сделать это правильно.
Я изменил значение с 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}}
Результат удовлетворительный, мобильныйЗначок гамбургера находится на своем месте во всем диапазоне просмотра.Единственная проблема заключается в том, что ширина браузера превышает 767 пикселей, а вкладка выбора языка - двойная, а кнопка фильтра отображается в центре страницы.