Mobile search text isn’t showing

Technical Q&A
, , , ,

Topic summary

A user reports that text is not visible when typing in the mobile search bar on their Shopify store (aylasuppliers.com).

Root Cause Identified:

  • The issue stems from custom CSS modifications to the .search__input.field__input selector
  • Specifically, padding-right: 40rem is causing the problem

Solution:

  • Revert the padding-right value to the original Dawn theme default
  • The height: 3.2rem property can remain unchanged
  • Reference provided to the original Dawn theme CSS (v15.4.0) for comparison

Status: The technical cause has been diagnosed with a clear fix provided, awaiting implementation by the site owner.

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

Hi, my text isn’t showing up while typing in the search bar. What’s the issue?

Website is aylasuppliers.com

2

Here:

You have

.search__input.field__input {
  padding-right: 40rem;
  height: 3.2rem;
}

While height is ok, padding should be reverted to original value