How can I transform this into a search bar?

Topic summary

A user is seeking help to transform an element into a search bar in their Shopify store theme. They shared a screenshot showing the current state of their header.

Proposed Solution:

  • Locate the code <details-modal class="header__search"> in the theme editor’s header file
  • Select and replace the entire <details-modal> tag block with a closing </details-modal> tag
  • Copy specific code sections as indicated in provided screenshots

Current Status:
The original poster is unable to locate the specified <details-modal class="header__search"> code in their theme files. The issue remains unresolved as they await further guidance on finding the correct code element.

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

url: https://quick-start-999eac94.myshopify.com/

password: nayldu

Hi @niceeee
please follow these step

  1. open them editor and find this code () in the header file

step 2. aftr that find this code and start select from marked

and finish selection here and copy code

and replace () to () whole tag with selected code and save

cant find this one
<details-modal class=“header__search”