Completely remove Search Bar - Theme Spotlight

Store Design
, , ,

Topic summary

Goal: fully remove the Search Bar icon in the Shopify Spotlight theme without a brief flicker on page load.

Issue: the icon was visible for a few milliseconds during initial load despite prior attempts.

Solution provided: add a CSS rule to hide the search element.

  • Steps: Online Store > Theme > Edit code > open base.css > paste at the bottom:
    .header__search { display: none !important; }
  • Explanation: the CSS rule (Cascading Style Sheets) sets the search element to not display and uses !important to override theme defaults.

Outcome: the original poster confirmed the icon no longer appears at all.

Status: resolved; no further actions or disagreements noted.

Summarized with AI on December 25. AI used: gpt-5.
1

Tried various solutions to remove Search Bar, but when loading the site the first milliseconds the Search Bar icon is visible. Is there any way to remove it so that it does not appear at all?

2

Hi @heartlessoff

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header__search {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Doesn’t seem to show up at all, thank you.