Increase search bar size - Dawn 12.0 Ezfy

Store Design
, , , , ,

Topic summary

Goal: Enlarge the homepage header search bar in the Dawn 12.0 theme so it spans the top bar up to the logo on the left.

Key steps and updates:

  • Feasibility confirmed; helpers requested a store preview link to tailor guidance.
  • The store preview link was provided by the requester.
  • Implementation guidance: In Edit Code, open theme.liquid and paste provided code directly below the tag. A screenshot was attached for reference.

Notes on materials:

  • The exact code snippet is referenced but not visible in the shared text; the attached screenshot and the missing code are central to reproducing the fix.
  • “theme.liquid” is the primary theme layout file where head and global assets are defined.

Outcome:

  • The requester confirmed the change worked and the search bar now fills the intended space.
  • Status: Resolved; no further open questions.
Summarized with AI on January 6. AI used: gpt-5.
1

Hi all,

I’m trying to find a way to increase the length of the search bar on my homepage header to fill the entire space.

It is currently just a small search bar on the right hand side. I’d like it to span the whole top bar to the logo on the left.

Is this possible?

2

Should be possible @Steve8906 ,

Can I have the link to your store?

3

Yes it is possible. If you can provide the link to the site, I’ll try to help!

Terence Keane

Best Regards,

4

https://b90o2f8cq5rdmtay-79430746441.shopifypreview.com

Does this work?

5

Hey @Steve8906 ,

Follow these instructions :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707222473157.jpeg
ThePrimeWeb_0-1707222473157.jpeg1253×933 87.9 KB

6

Thank you kindly sir, all sorted.