need help with customer account icon on prestige theme

[A13]

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

store link - denisclothing.com

PW - dc990

Thanks For Your Help

[Made4uo-Ribe]

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. 

[A13]

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]

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

[A13]

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

[Made4uo-Ribe]

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.