How to display the Account Icon on mobile?
Edited
While the account icon is readily accessible in the desktop version of your theme, it is important to note that this icon does not appear in the mobile version by default. The missing account icon is primarily due to the limited screen space available on most mobile devices. To display the account icon in the mobile header, follow these steps:
For Impulse, Streamline, Expanse, Gem, & Fetch themes:
Navigate to the code editor page and search for the header-icons.liquid file. Next, search for the following line of code:
<a class="site-nav__link site-nav__link--icon small--hide" href="{{ routes.account_url }}">
Next, remove the small--hide code, then click Save.
For Motion theme:
Search for the following codes in the header-icons.liquid file:
<a class="site-nav__link site-nav__link--icon medium-down--hide" href="{{ routes.account_url }}">
Next, remove the medium-down--hide code, then click Save.
Was this article helpful?
Sorry about that! Care to tell us more?