Problem With Search Button in Menu – Mobile Version

  • Resolved lellys

    (@lellys)


    2 years, 11 months ago

    Hello there;

    First off, great plugin! Helped me a lot!

    I’m trying to use your plugin to use a search bar in menu navigation. Desktop version works perfectly fine, but in mobile, it shows the search bar, but when I click it to write the term to search, it closes the menu entirely.

    I tried to use two search plugins (Ivory Search and Ajax Search) and it happened with both, so its not relative with the search plugin.

    Could you please help me solve this?

    Thank you very much!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Gagan Deep Singh

    (@gagan0123)

    Hi @lellys

    Issue has nothing to do with this plugin, though, when going through your site, I found that there’s a condition in your JS file that is closing the menu when you click in the search box.

    In https://tonsurton.com.br/wp-content/themes/monolit/assets/js/scripts.js
    Change line 556 to 561 from 

    
if (jQuery(window).width() > 1036){
    jQuery('.nav-holder').css('display','block');
}else{
    jQuery('.nav-holder').css('display','none');
}

    to

    
if (jQuery(window).width() > 1036){
    jQuery('.nav-holder').css('display','block');
}else{
    //jQuery('.nav-holder').css('display','none');
}

    and the issue will disappear, though I did not test if this is going to break anything else on the site.

    Thread Starter lellys

    (@lellys)

    Thank you for your response.

    Unfortunately, it didn’t work for me. I changed the line but nothing seems to change when I open the menu on mobile.

    Any other possibility that we can try?

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem With Search Button in Menu – Mobile Version’ is closed to new replies.