Search Icon design - Broadcast Theme

Store Design

Topic summary

A user wants to reposition their search icon to the left side of the header and add an underline styling, similar to The Body Shop’s website design (thebodyshop.ca). They’ve shared a reference screenshot showing the desired layout.

A response suggests two implementation approaches:

  • Adding custom CSS to the theme header
  • Modifying the Shopify theme code directly

The original poster has followed up requesting the specific code needed to achieve this customization. The discussion remains open, awaiting detailed implementation instructions.

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

Hello

How can i move my search icon to the left and have it underlined like this

www.thebodyshop.ca

datsau

TBS2023_0-1741596482089.png
TBS2023_0-1741596482089.png484×162 4.15 KB

2

Hi @TBS2023

To move your search icon to the left and have it underlined like The Body Shop’s site, you can follow these steps:

  1. Either you can Edit Your Shopify Theme Header (Custom CSS)

  2. Adjust the Shopify Theme Code

3

what code shall i use please