Почему окно поиска Google CSE в заголовке для chrome на мобильном устройстве не работает?

---

This is very strange and a bit frustrating. Here is the issue. When using Google Chrome for mobile, I head to our website, touch the search icon in the header and a highlight animation happens but the search box will not populate. After that failed attempt, a hashtag is now at the end of the URL. It does not matter what page I am on, the URL will add a hashtag at the end. The menu icon in the header will do the same thing. I then have to refresh the page in order to get the search box to work. I even deleted the hashtag, pressed enter, and the search box populated that way as well as refreshing the page. I cannot replicate the issue via Mozilla Firefox or Webroot Secure Anywhere Browsers for mobile. Another interesting thing is that the issue happened on Desktop via Google Chrome Incognito. Now, once you get the search to populate like normal (after a refresh) and search for something it will populate the results. However, when on the results page, if you click on the search icon in the header, it clears the search results, adds a hashtag to the end of the URL, and no longer works again for mobile via chrome and desktop via chrome incognito. It works fine in Firefox for desktop and mobile; it doesn't matter if I am in Incognito or not.

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

Есть ли какой-то код, который я могу вставить, чтобы исправить эту проблему, или это что-то еще? Я понимаю, что это может быть немного сложнее, поэтому я ценю время, которое вы мне даете, а также любую помощь, которую я получаю. Надеюсь, это будет легко исправить.

Надеюсь, я был ясен, понятен и ответил на все ваши вопросы. Спасибо!

Спасибо и с уважением,

Подшучивать

Что я уже пробовал:

I want to mention that I use WordPress and set up Google CSE with the Layout set to Compact using their Default Theme and have added CSS to style the search box and results. I have run several tests and only one result prevailed. Also, one thing I want to note in doing all of my tests is I cleared my cache via browser and Supercacher for my website. The first test was to deactivate all plugins and that did not change anything. The second step was to delete the CSS I added and that did nothing. Then, I changed the theme and that worked. Our theme, BuddyBoss, has a search.php file and a searchform.php file. The theme I switched to only has a searchform.php file (not sure if that matters at all). I deleted the PHP in the searchform.php file and added the following code (using my Child Theme):

(function() {
    var cx = 'CSE ID';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox-only resultsUrl="https://example.com/"></gcse:searchbox-only>

Единственными двумя вещами, которые я изменил в приведенном выше коде, были идентификатор CSE и resultsUrl. Не уверен, что мне нужно было что-то еще изменить, например //cse.google.com/cse.js?cx=' + cx? В любом случае, это прекрасно работает. Затем я добавил код, предоставленный Google через Setup>Basics>Get Code на созданную мной страницу результатов поиска. Затем реализован CSS, который я также могу предоставить, если кому-то это нужно.

---