No Search Function on Mobile Devices

[Trent BowenParticipant]

The search function does not work on the the mobile version. I checked using Safari and Chrome on my iphone. On the home page I tap on the search icon on the website https://aecontrol.us when I tap on the search no typing cursor or keyboard comes up on a mobile device. I can’t run a search using a mobile device.

The computer works well.
What can I do to make the search function work on mobile devices.

Thanks,
Trent Bowen

[Ernest MarcinkoKeymaster]

Hi Trent,

Thank you for the details, it helps a lot.

The issue is unfortunately caused by the menu script. It has an event handler attached to the menu “touchstart” event, it is probably to programmatically handle the menu clicks on mobile devices. Unfortunately that event handler prevents further propagation and the “touch” does not get to the input field, as it is cancelled.

When I remove the event handler from the menu it starts working, as you can see here (the input is focused).

The best solution would be to use a different menu element, one that is made for shortcodes or other dynamic content.

If that is not possible, then you can still try a custom code, which I quickly constructed to focus the search whenever the menu is clicked. Try adding this code to the functions.php file in your theme/child theme directory – make sure to have a full server back-up first for safety. For more details you can check the safe coding guidelines.

add_filter('wp_footer', 'asp_my_custom_script', 10);
function asp_my_custom_script() {
  ?>
  <script>
  jQuery(function($) {
    jQuery('.ubermenu-submenu-id-10149').on('click touchstart', function(){jQuery(this).find('input.orig').get(0).focus()});
  });
  </script>
  <?php
}

After adding the code you will have to clear all caches, including the mobile devices.

Unfortuantely I can not guarantee this is going to work in all cases, as the issue is not caused by the search plugin.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Trent BowenParticipant]

That worked really well, thank you so much you are so kind. Every time I contact you, you are always willing to help, I can’t believe how nice you really are!

God bless,
Trent Bowen

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts