Please note that some of the changes recommended in this guide involve making direct changes to the theme code. If you encounter difficulties with this, please contact a third-party developer for more troubleshooting, customization, or functionality.
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:
In your Shopify admin, go to Online Store > Themes, click the ... icon next to your theme copy, and select Edit code. Look for the header-icons.liquid file and search for the following line of code:
<a class="site-nav__link site-nav__link--icon small--hide" href="{{ routes.account_url }}">
Next, remove small--hide from the code above, then click Save.
For Motion:
Search for the following code in the header-icons.liquid file:
<a class="site-nav__link site-nav__link--icon medium-down--hide" href="{{ routes.account_url }}">
Next, remove medium-down--hide from the code above, then click Save.