Search bar instead of icon in Spark theme

[Melodie1990]

Hi, I'm looking for some assistance please? I'm trying to replace the search icon with a search bar but all the suggestions i've seen ask me to replace code within: header.liquid : {% render 'header-search', input_id: 'Search-In-Modal' %} 

However, I don't have this code within the spark theme and wondered if anyone can assist me please? Have attached an image below of what I'm trying to achieve. 

Thanks 😀

[PaulNewton]

Hi @Melodie1990 👋  this is an advanced theme customization for themes that have it's search UI in a completely separate part of the layout such as in a flyout/sidebar panel.

The suggestions are not to be taken literally when trying to apply them to other themes.

Their info has to be used to inferred how to find the similar code or structure used in the other theme if at all possible.

Full walkthroughs or teaching theme dev are beyond the scope of the forums, at minimum you would need to show your work so far providing inspectable sources or urls for others to even being to contribute on your work so far.

Read: https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

Meanwhile if you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[Mehran_Ali]

HI @Melodie1990 

The work you're looking for is not done by simple code or adding any codes for that you need an expert 
if you can share your collaboration access and store URL I will help you to do that so kindly share your store URL and collaboration access I can check and let you know when done