need help with customer account icon on prestige theme

A13
Tourist
8 0 2

Hey ! i want the customer account icon to show up on the left side of the header (on primary nav) i'm using prestige theme please see the following image

 

image 2.png

 

store link - denisclothing.com

PW - dc990

 

Thanks For Your Help

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
5554 1332 1644

Hi @A13 ,

In order to transfer the account icon you need to edit the HTML and add some styles of it. 

If your not familiar with coding then you need a Developer to write the code. 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


A13
Tourist
8 0 2

Hi ! Thanks for your reply

 

<a href="/account" class="sm-max:">
<span class="sr-only">Open account page</span><svg aria-hidden="true" fill="none" focusable="false" width="24" class="header__nav-icon icon icon-account" viewBox="0 0 24 24">
<path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
</svg></a>

 

this is the code that i need to have on my primary navigation but i dont know where to put it inside the shopify's code editor

Made4uo-Ribe
Shopify Partner
5554 1332 1644

Yes, That part but still a lot to edit like the styles and must be clickable also the link. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


A13
Tourist
8 0 2

Hi ! i've somehow managed to put the code in the place but the problem now is that the account icon is also showing up in the desktop is there any way i can have it only show up in mobile devices have a look at this picture

desktop nav icon.png

Made4uo-Ribe
Shopify Partner
5554 1332 1644

You can use Media Query, so it will stay on the mobile only. 

Example:

@media screen only (min-width: 768px) and (max-width: 1024px) {
.header__icons {
display: none;
}
}

I hope it help. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Edit2222
Tourist
7 0 2

Hello, 

 

can you help where you put this complete code and if you got a resolution, thank you