How can I remove a search bar and icon from my custom theme product page?

Topic summary

Goal: Remove the search bar (and initially another element) from a Shopify custom theme’s product page. The user lacks a base.css file and shared their store URL after being asked for it; the other element was resolved by the user.

Proposed solutions:

  • Add custom code to theme.liquid (main layout file) just above the tag. This appeared to remove the search bar as shown in a shared result screenshot.
  • Alternatively, use the Theme Editor (Customize) > Header settings to toggle off the search bar.

Outcome: The user reported success initially, but later noticed the search bar still appears on mobile view. They requested further help to remove it on mobile.

Status: Partially resolved. Desktop (or some views) are fixed, but the mobile header still shows the search bar. Next step needed: mobile-specific removal guidance (e.g., mobile header settings or mobile-targeted code/CSS).

Summarized with AI on January 15. AI used: gpt-5.

@nemanja031000 , would you like to hide the header search bar?

if yes then open your customize screen and check your header settings you’ll find the option to hide or show the search bar.