Why do I have 2 search bar in my home page dawn theme

Shopify Discussion

Topic summary

A user encountered duplicate search bars in their Dawn theme header after centering their store logo. One search bar appeared on the left, another on the right.

Solutions Offered:

  • Multiple users suggested adding CSS code to hide one search bar using selectors like .EzfyHeaderSearch:first-of-type
  • Recommendations varied on file placement: component-card.css, base.css, or Theme Settings Custom CSS section
  • One user suggested checking header-search.liquid for multiple instances of ‘predictive-search’

Resolution:
The issue was resolved by locating and removing a duplicate render statement in header.liquid:

{% render 'ezfy-header-search', input_id: 'Search-In-Modal', device: 'desktop' %}

Removing this code eliminated the unwanted search bar from the desktop view. The problem stemmed from duplicate header search components rather than requiring CSS fixes.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
7

Hi @Kyle_liu , There are predictive-search, but I don’t know which is which.