How to move the search bar on desktop view dawn theme

Shopify Discussion

Topic summary

A user added a custom search bar to their Shopify store using the Dawn theme but cannot reposition it closer to other header utilities like the cart and account icons.

Solution Provided:

  • Access the theme code editor (Online Store → Edit Code)
  • Locate the theme.liquid file
  • Insert custom CSS code above the </body> tag to adjust the search bar positioning

The response includes a code snippet and a visual result showing the repositioned search bar. The issue appears resolved with this CSS-based approach, though the original poster has not yet confirmed the solution worked for their specific setup.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I added a custom search bar on my store, but the problem is I can’t find the settings on how to reposition or move the search bar closer to other utilities in my header. Does anyone know how? See photo for reference:
Store preview link: https://bgtz765ufz7gbbgl-13830324282.shopifypreview.com

IntechCarl_0-1740547266237.png
IntechCarl_0-1740547266237.png1588×192 57.9 KB

1 Like
2

Hey @IntechCarl

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1740547773207.png
Moeed_0-1740547773207.png1870×728 164 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed