Shopify themes, liquid, logos, and UX
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
<button class="search__button input__field_form_button button--primary" aria-label="Search our store">
<svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-search">
</use></svg>
</button>
and then replace it below
<button class="search__button input__field_form_button button--primary" aria-label="Search our store">
<svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-search">
</use></svg> <span class="cst-style">GO</span>
</button>
<style>
span.cst-style {
font-size: 28px;
font-weight: 500;
}
</style>
adjust the font style whatever you like
If its helpful hit the Like & Accept as solution button
can you guide me where I will find these code in my theme
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:
<div style="width: 100%; text-align: center;"><a href="redirect-link">check new link</a></div>
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
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025