• Home
  • Knowledge Base
    • Overview of Navi+
    • Step-by-step guide
    • Frequently Asked Questions (FAQ)
  • Case studies
  • Live demo
  • Install Navi+
  • Home
  • Knowledge Base
    • Overview of Navi+
    • Step-by-step guide
    • Frequently Asked Questions (FAQ)
  • Case studies
  • Live demo
  • Install Navi+
Home/Knowledge Base/Frequently Asked Questions/Tips for fixing integration themes with Navi+

Tips for fixing integration themes with Navi+

28 views 0

Written by khoipn
October 23, 2024

Warehouse Search box

Sometimes, you may want the search box of the Warehouse theme not to appear by default and only open when clicking the Search icon. The function below will help overwrite the open:Search_Warehouse function and fix this issue.


naviman.openSearch_Warehouse = function () {
  var search = document.querySelector('.header__search-bar-wrapper');
    if (search) {
      if (window.getComputedStyle(search).visibility === 'hidden') {
      naviman.clickToElement('[data-action="toggle-search"]');
    }
    window.scrollTo({ top: 0, behavior: "smooth" });

    setTimeout(() = {
      naviman.focusToElement('.search-bar__input');
    }, 300);
  }
}

 

Was this helpful?

Yes  No
Related Articles
  • Enhancing Navi+ with Custom CSS
  • Detailed support for Navi+ multilingual functionality
  • Guide to Adding a Loading Effect for Menus Replaced by a Navi+ Menu
  • Add Navi+ menus to your website directly
  • Add walk-through with Navi+ menus
  • How to use multilanguage on Navi+?

Didn't find your answer? Contact Us

Leave A Comment Cancel reply

  Add walk-through with Navi+ menus

How to use multilanguage on Navi+?  

  • Copyright 2025 Navi+ | AIO Navigation. All Rights Reserved