Re: Adding a icon to the header code before the search icon

Adding a icon to the header code before the search icon

MHSAdelaide2024
Shopify Partner
1 0 0

Hi Everyone, 

 

We are using the latest Dawn theme, and I wish to add a heart icon to the header to the left of the search icon. 

 

We are currently using the Swishlist application for simplicity. Ultimately, I'd love to know how to do this so we can customise the icons in the header for anything we want. 

 

Most previous solutions are not relevant for this theme or are about other style changes. 

 

Thanks in advance. 

Replies 2 (2)

Guleria
Shopify Partner
3400 679 963

Hello @MHSAdelaide2024 ,

 

Follow these steps:

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

2. Open your Sections -> header.liquid 
Here at line no. 227 you will find this code

{% render 'header-search', input_id: 'Search-In-Modal' %}

 

Just above to it add your new icon code.

 

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder

Huptech-Web
Shopify Partner
937 187 197

Good day @MHSAdelaide2024, Could you kindly provide me with the link to your store? 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at [email protected] or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required