Mobile menu item not working

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Mobile menu item not working

This topic contains 1 reply, has 2 voices, and was last updated by

 
Keymaster
1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #29083

    Participant

    Hi,
    Thanks for the great plugin.
    We are having trouble with the search in our navigation menu on mobile. I have created a menu item (in ‘site menu’) using the shortcode, this works perfectly on desktop.
    On iphones, nothing happens when the search bar is touched (no keyboard comes up). On androids (Samsung galaxy and a Huawei), it works so the keyboard appears and search results appear, however you can’t actually see the search bar to type.
    On our staging site I have tried deactivating all the plugins and have tried the twenty-nine-teen theme with no success.
    I have reset the staging site for you to test:
    https://raskmedia2020.flywheelstaging.com/
    Flywheel login:
    user: flywheel
    pwd: courageous-dogs

    Wordpress login:
    user: admin
    pwd: HYi*%cC%N$NABC0J8YgCM%Px

    Kind regards,
    Sophie

    #29097

    Hi Sophie,

    The issue is that the theme uses a script to prevent some event propagation/bubbling (I’m not exactly sure which and where), and that prevents the input focus.

    Usually I recommend a custom code where possible, but in this case the event listeners are added via native javascript, where it is nearly impossible to remove event listeners for a specific node, it would cause even more issues.
    I would rather recommend placing the search shortcode outside the menu scope, or before/after the menu.

    Best,
    Ernest Marcinko

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


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.