Сайт Wordpress на мобильном телефоне: конфликт между плагином и меню

Question

У меня проблема с моим сайтом Wordpress: https://info.kiddizy.com/, когда я использую его с мобильным телефоном.

Сначала нужно знать две вещи: 1) Я установил плагин для оптимизации сайта (HTML Minifier) 2) Я установил плагин, чтобы иметь панель поиска (поиск по Алголии)

Когда активирован HTML Minifier, меню не работает, а когда HTML Minifier деактивирован, не работает панель поиска.

Я думаю, что есть проблема с файлами js. HTML Minifier может изменить порядок выполнения, и это может быть объяснением того факта, что в одном случае меню работает, а в другом случае - панель поиска. Но есть проблема, что эти две вещи не могут работать вместе.

Я обнаружил, что мы можем исправить конфликт jquery с помощью следующего кода: $ = jQuery.noConflict ();

Я пытался добавить его, но думаю, что допустил ошибку, потому что он не работает.

Не могли бы вы помочь мне, пожалуйста?

Answer 1

В этом случае я бы рекомендовал перейти на панель поиска по умолчанию:

Admin page > Appearance > Search A search form for your site.

Тот, который вы использовали, в любом случае не был хорошо оптимизирован: он вообще не реагировал. Вы все еще можете изменить стиль этого виджета, чтобы он мог выглядеть так, как вы его используете.

Я не уверен, включен ли выключатель HTML, но в базе кода много break line:

Возможно, в этом случае вам не понадобится этот плагин.

Answer 2

На самом деле это был просто конфликт с другим плагином. Я удалил все файлы этого плагина, и он работал хорошо. Спасибо за вашу помощь!

Answer 3

Я вижу, что есть атрибут left: 200px css, который не обновляется при нажатии на меню.

Мне кажется, что вы добавили эти строки:

    div.nav-menu > ul {
      position:fixed;
      left:-200px; // this is responsble for hiding your menu
      top:60px;
      background-color:#ca385f;
      display: block;
      height:100%;
      margin-top:-3px;
      padding-left: 20px;
      width: 200px;
      z-index:999;
-webkit-animation-name: out; 
/* Chrome, Safari, Opera */-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */animation-name: out;animation-duration: 0.5s;}

Я бы предложил сначала изменить порядок списка меню, потому что даже если я смогу добраться до меню с левой стороны, для меня почти невозможно выбрать пункты меню, которые я хотел бы посетить.