Refresh theme Search Bar instead of Search Icon

Hi everyone,

I just needed some design help,

In mobile and desktop use i want to use Search bar not a Search icon. It would be great the search bar to be open all the time. It’s more user friendly when using a bar instead of icon.

If there is some design solutions to that I would be thankfull,

I am using Refresh theme,

my site is www.carbox-ks.com

All the Best,

@farukshaban
Hello,
I Have Checked your Site Currently your site it is block please check
like This

Hello,

If you want it to be open at all times then the best solution for mobile is to append the search bar at the end of the header, or move it to the footer just for mobile and have it opened at all times.

Besides that, you can’t do much without the icon on mobile. That’s what I have seen in the stores for 7 years now.

Note: Just follow what Ujjaval suggested for desktop but I wouldn’t suggest that solution for mobile, I don’t think that’s user-friendly because the size of the screen is too small.

Umer J.

@farukshaban
put below code in header.liquid file here shown in below pic:
replace whole below code with the

till here


Result :

Changed the code, nothing happened. :confused:

Is it my CSS file ?

@farukshaban
it’s not css file it’s header.liquid file see on above image i sent to you previous comment .

https://prnt.sc/kHsax9p2E_v8

I already changed the code from header liquid, but nothing changes.

@farukshaban Could you provide your store accessibility . So , i will try to do .

That I can’t do. You could explain me what it’s the difference and I can try to fix it.

Thank you in advance.

Hello how can I add it in the new version of refresh theme cause I can’t find the

I would also like to know how to do this in the lastest version of this theme.

I am at version 11.0.0 right now

Hi, I’ve tried replacing provided code in the header.liquid for the Crave theme but nothing has happend.

Please look into it as this code doesn’t seem to be working.

Or if anybody else can provide with the solution?