Aligning search text box with results + second search text box

Store Design
, , ,

Topic summary

A user is experiencing two CSS-related issues with their Shopify store’s search functionality:

Issue 1: Alignment Problem

  • Search results are not properly aligned with the header search text box
  • Affects both desktop and mobile views
  • Visual reference provided via screenshot showing misalignment

Issue 2: Duplicate Search Box

  • A second search text box appears on the search results page
  • User wants to hide this duplicate box, but only when searching via the header search (not affecting other search entry points)
  • Screenshot demonstrates the double search box issue

Current Status:
Two community members have responded requesting the store URL and password to investigate. The original poster has provided credentials (cioffimporters.com with password). The discussion remains open, awaiting technical solutions from the community helpers.

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

Hi!

  1. How can I align the search result with my search text box in my header?

  2. How can I make invisible the second search text box in “search results”?

Ideally, the logic of point 2. should only apply when I search via my header search.

This applies to both, the desktop and mobile view! Thanks for any support! See screenshots:

1. Alignment search result.PNG
1. Alignment search result.PNG827×587 247 KB

2. Double search text box.PNG
2. Double search text box.PNG372×461 21.9 KB

1 Like
2

Hello @FB6
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

3

Hi @FB6 , can you share store url?

4

Hi !

here is the URL: https://cioffimporters.com/

PW: shawni1!!

5

Hi !

Here is the URL: https://cioffimporters.com/

PW: shawni1!!

Thanks!