Create search bar instead of icon

[Luxurymrkt]

Hi, I’m looking to have a permanent search bar instead of the icon. I’m good at coding so can plug in snippets etc if needed. Any help would be appreciated. My site is https://scntwrld.com

[prov1]

look me 10 seconds using the search button. ironic isnt it cause you are looking to make a search bar.

Horizon Theme: Search Bar instead of Search Icon

So there is a search bar in a seerate page that could be use, right ? inside _search-input.liquid {% stylesheet %} .search-page-input { width: 100%; color: var(--color-input-text); background-color: var(--color-input-background); padding-block: var(--padding-lg); padding-inline: calc(var(--icon-size-lg) + var(--margin-xl) * 1.5); text-overflow: ellipsis; overflow: hidden; border-radius: var(--style-border-radius-inputs); border: var(--style-border-width-i…

Add a custom search bar to header

Yes I can do that. If it’s possible I’d like the search list or whatever it’s called to expand all the way to the left and the right when searching on mobile as well. This is what it looks like right now. [IMG_2400]

[DitalTek]

Hi @Luxurymrkt

If you good with code, you can check on header which showing search icon and handle code here.
You can refer Shopify’s docs here it’s can help full to you: predictive-search