Add "my account" icon beside shopping cart icon

Store Design
1

Hi, how do i add a icon for customers to login? (refer to pic below) I want to add it beside the shopping cart icon

url: elita.com.sg

elitaco_0-1631253131157.png

2

@elitaco

You are using narrative theme so this thread will have the details

https://community.shopify.com/c/shopify-design/customer-login-account-icon/td-p/922233

3

HI @elitaco ,

Would you like to show like the below-given screenshot?

Akibhusen_0-1631255990399.png
Akibhusen_0-1631255990399.png1334×194 221 KB

let me know so I can guide you for the same.

4

@Propero

thanks for the link. however, the icon is too big. is there any way to reduce the size?

elitaco_0-1631256065165.png
elitaco_0-1631256065165.png1132×115 128 KB

5

i managed to add the icon but it’s too big.

6

@elitaco ,

Please play with this code ( add at the bottom of theme.scss.liquid or theme.css.liquid

.site-header__cart svg{
height: 15px !important;
width: 20px !important;
}

You can change the height and width till you get the desired size

7

thanks it works! do you know how to add hover over like the cart icon?