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

Shopify Discussion
1

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?

Screenshot 2025-02-03 144048.png
Screenshot 2025-02-03 144048.png1946×1096 379 KB

1 Like
2

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

3

yes, bradenkorus.com

4

Hi @BradenK

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

.EzfyHeaderSearch { display: none !important; }
5

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

    tag and place them inside the
    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