Add search bar icon in mobile and computer

Technical Q&A

Topic summary

A user seeks help adding a search icon to both mobile and desktop versions of their Shopify store using the Turbo-Portland theme. They want the search bar positioned between top center and the cart icon on the top right.

Proposed Solution:

  • Navigate to Online Store > Current Theme > Actions > Edit Code
  • Open the header.liquid file
  • Locate and modify specific markup to enable the search bar icon on mobile

Current Status:
The suggested solution did not work for the original poster, who reports their theme sections differ slightly from the instructions provided. The issue remains unresolved and they are requesting additional assistance.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hi! I’m needing help figuring out how to add the search icon and section the the mobile version. I have theTurbo-portland theme. I’m wanting the search in between the top center and cart on the top right. https://fomenn.com/ is my site.

thanks .

2

Hi,

I hope you are doing good and welcome to the Shopify Community!

I am Mehak from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

1.Go to Online Store > Current Theme > Actions > Edit Code.
2.Open header.liquid file
3.Find 

Then you can see Search Bar Icon In Mobile.

Regards,

Mehak
3

its not working for me .. the sections is a little bit different… please helping me .