Hi @marcuslim welcome to the Shopify Community,
It is because there is a language switcher which is taking too much space on mobile. if you change the position of the language switcher the issue will be resolve.
thanks
Topic summary
Mobile search bar not displaying correctly, while desktop view is fine.
- Diagnoses: One reply identifies the language switcher occupying too much space on mobile; repositioning it should resolve the overlap/visibility issue. Another points to padding/margin problems on the search bar and provides a screenshot highlighting the misalignment.
- Suggestions: Move or re-position the language switcher. Optionally relocate the currency selector to the left side or show it only at checkout to free space on mobile.
- Evidence: An attached screenshot illustrates the spacing/alignment error on mobile.
- Outcome: The original poster confirmed the issue was solved after applying the suggested changes.
Status: Resolved; no remaining questions or pending actions noted.