How to alter header icons in the Spark theme?

[kdhyatt]

Hello,

Looking to change the header icons in the Spark theme…I would like the hamburger icon to change from the “=”/hamburger icon to a " + " and I would like the “account/head” icon to change to the word “account” and the “cart image” to change to another “cart image” i have designed.

Site Preview is here : https://9w3i3djpqg2r42ph-7472873.shopifypreview.com

Thank you for any insight.

[BSS-Commerce]

Hi @kdhyatt

Your preview link has expired

Please re-send us the URL to your website (with a password if applicable), and some screenshots about what you want to change to make it easier for us to check it. Thank you!

[kdhyatt]

Here you go : https://ya6w3u5h2frl9i0z-7472873.shopifypreview.com

[kdhyatt]

https://ya6w3u5h2frl9i0z-7472873.shopifypreview.com

Screen shot :

[BSS-Commerce]

Hi @kdhyatt

• Is this the result you expect?

(We haven’t changed the cart icon yet because we don’t know your design, You can send your cart icon so we can help you edit.)

• To change the “Login” icon to the “Account” text, follow these steps:

Step 1: Go to Online store => Themes => Edit code:


Step 2: Find the file “header.liquid” and edit the following code:

into:

    
        
             Account 
        
    

We removed the SVG icon to replace it with “Account”

Step 3: Find the file “theme.css” and paste the CSS code to align the text “Account”:

.header__icon-touch.header__icon-touch--account {
    min-width: 61px;
    display: block;
    font-weight: bold;
}

We hope that this can help you.