Comment to 'Search field Needed for Integrating Desktop Search Functionality'
Comment to Search field Needed for Integrating Desktop Search Functionality

  • Hello @ORV !

    I guess, firstly you need to show this field in all cases, but then add the CSS trick which will hide it on the proper devices. So for example, if you need to hide the search keyword field on the mobile, the added CSS style will look like:

    @media screen and (max-width: 600px) {
  -form-element-keyword {
  display: none;
  }
}

    • I don't think you understood my question. I'm referring to the search field in the "artificier" template. which is visible as an icon in the site top bar:

      in developer app ca be accesed as an item in the menu with the system name Site Navigation Menu with the name Search _sys_menu_item_title_system_search with different option.

      An user To make a search, must first click on the icon and only then is it visible as a search field. This bothers me and I want it to be visible all the time as a search field and not as an icon. People frequently search for something on the site and this click actions adds an extra step to acces the search function, which seems absurd to me So I would like it to be visible when there is enough space on the menu bar. The file i found related to the search is /modules/boonex/artificer/data/template/system/search.html I probably have to make some changes in css, but I don't think it's the bx-form-element-keyword class you mention.

      <div id="bx-sliding-menu-search" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bg-white bx-search-site" style="display:none; opacity:1;"><div class="mx-auto"><a class="bx-sliding-menu-close mt-2 mr-4 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-search')"><bx_image_auto:times />a>
        <div class="p-4"><div class="bx-def-font-h2 bx-menu-search-popup-title"><bx_text:_Search />div>
            __search_form__
            __results__
        div>
    div>
div>