Resolve Search Field Opening up When Clicking on Company Logo on Mobile View

There are instances in which a user clicking on the company logo is redirected to the home page and the search field gets displayed at the same time. If the user is already on the home page and clicks the logo the search bar gets activated and, on some devices, (iPhone) the keyboard may also get enabled. This is due to the responsive coding and the behaviour differs according to the screen size. Considering that mobile phones have different screen dimensions the issue will not occur on all devices.

Solution

1. Login into Site Management Tools for your web-store
2. Click the pencil to switch into Edit Mode
3. Add CMS HTML content to All Pages area type
4. Add the following code to the HTML Code field
   <script>
   setTimeout(function(){
     $(“.header-logo-image,.header-logo-wrapper”).on(“click”, function(){
        $(“.header-site-search”).show();
     });
     $(“.header-menu-searchmobile-icon”).on(“click”, function(){
          $(“.header-site-search”).hide();
     });
   }, 1000);
   </script>
5. Save the HTML content and Publish changes
6. Clear browser cache and verify that the reported issue no longer persists