Showcase theme - Account text in Header - change to icon

Does anyone know how to change the text ‘Account’ to an icon in the Header section on the Showcase theme?

It sits quitely closely to our main navigation and takes up unnecassary space. There’s icons for the Search and Cart, so I wouldn’ve thought there’d be an icon option for the Account too, but I can’t find this in any settings.

Is there any code I can change to add this in?

Thanks

@DDDigitalMS - it will need little code tweak, where we can replace text with the icon if you have. DO you know liquid/html/css?

Sorry, got my themes mixed up! This question is actually for the Showcase theme.

I know basics of liquid/html/css to add and tweak code, but wouldn’t be able to write it from scratch

@DDDigitalMS - no need to add from scratch, actually ou can go to header.liquid file of showcase theme, find the code for account div tag and change the text with image buy using

you will need to upload image in files to get the URL to be used in img tag above, if you are familiar with it then you know how to do this

1 Like

@suyash1 ,

Please connect with us via email , skype or what’s app…

We will surely help you…

@oscprofessional - actually @DDDigitalMS needs help, I am just trying to help.

1 Like

Thank you for helping me with this. Below is the code which currently appears in header.liquid for the account section. Are you able to tell me which bit I need to replace with the image source code please?

{% if section.settings.desktop_navigation == "inline" and shop.customer_accounts_enabled %}
            
              {{ 'layout.customer.account' | t }}
            
          {% endif %}

@DDDigitalMS - please replace this text with image - {{ ‘layout.customer.account’ | t }}

Hello, this seems like the solution I was looking for, however was wondering if this could also support an icon that changes color on a transparent nav. On hover, the icons would be black, and on a transparent nav, they would be white. Thank you in advance!