How do i move the search bar next to the hamburger icon?

[BradenK]

I moved my search icon to the left side of the header then I made it into a search bar but now the bar is below the rest of the header elements instead of where it want it... anyone know a fix?

[Moeed]

Hey @BradenK 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[BradenK]

yes, bradenkorus.com

[Dan-From-Ryviu]

Hi @BradenK 

Please add this code to Custom CSS in store admin > Sales Channels > Online store > Themes > Customize > Theme settings 

.EzfyHeaderSearch { display: none !important; }

[LizHoang]

Hi @BradenK, thanks for reaching out.

To address the issue, please help me follow the below steps:

1. Open the header.liquid file and locate the two tags as shown in the screenshot (https://prnt.sc/hiq5tXsmGzok). Once you find them, please wrap both tags inside a <div style="display: flex;"> tag and place them inside the </div> tag. 

2. Next, you'll go to the base.css file and add the necessary attributes. 

I hope my information is helpful to you. 

Liz