custom link to header

Topic summary

A user wants to add a clickable text link directly below the search bar in their header on a Shopify store using the Suruchi theme.

Initial Solutions Offered:

  • One responder provided code to replace the search button HTML, adding a custom “GO” span element with styling
  • Another suggested using a Custom Liquid section in the theme editor with specific HTML/CSS code

Current Issue:

  • The Custom Liquid approach placed the link below the entire header instead of directly under the search bar as intended
  • The user is now asking for guidance on locating the specific search button code within their theme files

Status: Unresolved - the user needs help finding the correct code location to implement the feature in the desired position. Screenshots have been shared showing both the target placement and the incorrect current placement.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

want to add a text with link right below my search on header

website: Giga

Theme: suruchi

Image for reference:

Hello find these on code




and then replace it below



GO

span.cst-style { font-size: 28px; font-weight: 500; }

adjust the font style whatever you like

If its helpful hit the Like & Accept as solution button

Hi @HXtech001 ,

Since your Theme is not a Shopify theme, we are unable to check directly. I would like to ask if your Theme have Custom Liquid part like this:

If yes, you can add this code here into this section:

check new link

Here is the result:

Please let me know if it works!

Best,

Daisy

Added your code but it should be under search bar not below header

can you guide me where I will find these code in my theme