Does anyone know how to center and widen the search bar for the Dawn theme? I already used some code to make an open search area instead of the icon. Please see screenshots of current design and what I’m looking to accomplish.
Topic summary
-
Goal: Center and widen the search bar in the Shopify Dawn theme header. The poster already converted the search icon into a persistent/open search field and wants it centered and expanded to match a reference layout.
-
Context: Two screenshots were provided showing the current header and the desired design; these visuals are important to understand spacing and alignment expectations.
-
Request for access: A community member asked for the store URL to review the live implementation and diagnose layout constraints.
-
Latest update: The store’s preview URL and password were shared to enable inspection.
-
Outcomes/next steps: No code solution or specific CSS/HTML changes have been proposed yet. The thread is awaiting technical guidance to center the search input and adjust its width within the header.
-
Status: Open and unresolved; key question remains how to implement the centering and widening in Dawn’s header.
Hi @PartyFair , can you share your store url?
https://cp0t1b-bz.myshopify.com/
password: aumpep