Anyone help me to fix the search bar in mobile view

In desktop view I have a search bar

then If I try this to a mobile view I want my view to hide the search bar or remove it but in desktop the search bar is still there

Then I want a search bar right here please help

url: https://makerlab-electronics-ph.myshopify.com/

pass: saboten

Hi Niceeee,
I am Sandeep and I am trying to help you.
You can do this by changing and writing some code.
If you can write code, i will help you.
1)Copy the search bar code from header. Liquid file.
2)Paste it inside the mobile menu with custom class name.
3)Now give css Display none to main search bar for mobile width.
4)give css Display none to custom search bar for desktop width.

If you need help in coding then please let me know.

Thanks & Regards
Sandeep

can you help me how to code it please

Hi Niceeee,
Send me your email id.

xxxxxdracs@gmail.com

hello can u guide me?

Hi,
Yes, as i mentioned below steps is previous message
1)Copy the search bar code from header. Liquid file.
2)Paste it inside the mobile menu with custom class name.
3)Now give css Display none to main search bar for mobile width.
4)give css Display none to custom search bar for desktop width.

Hi,
I cannot give the exact code without reviewing your code.
give me collaborate access.