Algolia InstantSearch Show Result as Row Not Grid (Vue.js)

Aug 19, 2020

If you are using instantsearch.css/themes/algolia-min.css, the default result is shown as grid/box.

To change it to row, change the CSS.

<script>/* change search result from grid/box to row */.ais-Hits-item {  width: 100%;  border: none;  box-shadow: none;}</script>

NOTE: Refer to Setup Algolia InstantSearch on Nuxt/Vue for complete code.

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.