Change the search icon to search bar - Dawn Theme

Change the search icon to search bar - Dawn Theme

DeStyle11
Tourist
5 0 2

Hi. Please help.

 

This is my current search icon:

DeStyle11_0-1727072075587.png

 

And i want it to look like this, please.

 

DeStyle11_1-1727072108712.png

 

Can someone help me?

 

store URL: https://destyleaustraliamirrors.com/

 

Thank you. 

 

 

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
11633 2279 2462

Hi @DeStyle11 
Do you mean to make the search bar display by default as your example image?  

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

DeStyle11
Tourist
5 0 2

Hi, yes

DeStyle11
Tourist
5 0 2

Hi, I want it look like the sample I attached above. I tried that but I don't like that its on the side. 

ejones824
New Member
4 0 0

@Maximus I tried your code above but I lost the "x" to  close it and also the search icon in the header bar component

See screenshot or website

Screenshot 2024-09-23 at 4.42.43 PM.png

 

ejones824
New Member
4 0 0
ejones824
New Member
4 0 0

@Maximus lemme know your thoughts