Instant Search Widget doesn’t work on mobile devices on Shopify

The Instant Search Widget is able not to work in some Shopify themes on mobile devices. In this case, you can add the .snize-custom-widget-opener class to the search icon or other element of your storefront using the Theme Editor, and the Instant Search Widget will show by clicking on it.

To do so, follow these steps:

  1. Inspect the element to which you want to add the .snize-custom-widget-opener class in the mobile version (in our case it is the search icon), and find its CSS class.

    Instant Search Widget doesn't work on mobile devices on Shopify

    Note

    You need to view the structure in the mobile version using the web inspector in the Elements tab. In Google Chrome you can go to the web inspector by pressing the F12 key.

  2. Go to Shopify admin panel > Online store > Themes.
  3. Find your theme, and then click Actions > Edit code. The Theme Editor will be opened.
  4. Open the header.liquid file and find the element with the class you’ve inspected on the first step.
    Important info

    In most cases, it will be in the header.liquid file, but sometimes it can be in another file.

  5. Add to this element the .snize-custom-widget-opener class and save the changes.

    Instant Search Widget doesn't work on mobile devices on Shopify

That’s it. The Instant Search Widget is now shown by clicking the search icon on the storefront on the mobile device.

Instant Search Widget doesn't work on mobile devices on Shopify

Important info

Searchanise widgets only load after the entire page is loaded. If the Instant search Widget still doesn’t appear after clicking the search icon, we recommend you speed up the loading of the app’s scripts using this guide.

If you need help with that, feel free to contact us. Our support team will gladly help you.

Updated on April 12, 2022

Was this article helpful?

Related Articles

Back to top